ひびテクひびテクAboutProfileCategoriesMacにHugoを入れて、ローカルでサンプルサイトを立ち上げるまで2018-11-01B!今まではブログを作る=Wordpress、とやってきましたが、最近静的サイトジェネレータに興味が出てきていました。ローカルで試しに使ってみようと思い、Hugoでサンプルサイトを立ち上げるまでを行いました。hugoのインストールhogebrewを使いました。サイト名を実行します。今回はen-blogというブログを作ることにしました。Prhythmここまでで、en-blogというディレクトリの中に雛形が作成されました。今回は事前にテーマ一覧を見て、良さそうなものを選んでおきました。Themesテーマのディレクトリに遷移して、githubからテーマの内容を取得しました。上記の手順3までだと、サイトのコンテンツが無い状態なので、実際にブラウザから確認しても内容がないブログが表示されるだけです。これだと、見た目などの確認ができないので、テーマ作者が用意してくれているサンプルサイトを反映させます。やることはテーマディレクトリの中にあるexampleSiteというディレクトリを、サイトのroot(今回はen-blog)の直下にコピーテーマディレクトリの中にあるlayoutsとstaticというディレクトリを、サイトのroot(今回はen-blog)の直下にコピーの2つです。hugo-theme-cleanwhiteを実行。※最後のhugo-theme-cleanwhiteの部分はテーマの名前になりますので、何を指定すべきかは各テーマのページに書いてある説明を確認してください。ターミナルに表示されたアドレスを開くと、サンプルサイトの表示が確認できます。これで、イメージと異なるようであれば別のテーマを使うでもいいですし、気に入ったのであればあとは自分でサイトの内容を作っていくことになります。Ito都内でテストエンジニア&ブロガーをやっているyoshikiitoです。ソフトウェアエンジニアの学習方法や成長するための考え方、会社に依存せず自分の力で生きていけるエンジニアになる方法などについて興味があります。仕事は主にソフトウェアテストやテスト自動化。趣味は浦和レッズと読書と技術書を買って積むこと。