テーマの導入

テーマの導入

まず最初にテーマを導入します。このテーマはあとで変更が可能です。気楽に試してみましょう。

HUGO用のテーマサイト http://themes.gohugo.io/ にいろいろなテーマが用意されています。 自分でも作成可能ですが、最初は簡単そうなテーマをテーマサイトから選びましょう。 ここでは、steam https://themes.gohugo.io/steam/ テーマを利用します。

ブラウザで steamテーマのgithubページ https://github.com/digitalcraftsman/hugo-steam-theme を開きます。 clone or download から Download ZIP にて、zip形式でダウンロードします ファイル名は hugo-steam-theme-master.zip になります。 このファイルを C:\Hugo\Size\example1\themes フォルダにコピーします さらにこのファイルを右クリック-すべて展開 を実行します

次に C:\Hugo\Size\example1\config.homl を atom で編集します。 右下に UTF-8 が表示されていればそのままでOKです。 Japanese ShiftJis, Japanese CP932　と表示されていた場合には、 その部分をクリックし、UTF-8 を選択します。

テーマによらない共通部分

baseurl = "http://example.org/"
languageCode = "ja"
title = "Hugoサンプル1"
theme = "hugo-steam-theme-master"

このテーマ steam に最低限の必要な要素は次の通りです

[params]
	title = "サイトのタイトル名"
	subtitle = "サイトのサブタイトル名"
	copyright = "版権表示"
	themecolor = "green" # テーマで使用する色 "green", "orange", "red", "blue" から選んでください
	name = "氏名"