HugoのテーマをHugo ZenからM10cに移行
mayosuke.jpに新規投稿作成しようと、hugo server
したら、サイトのトップがこんな感じになって、記事一覧が表示されなくなってしまった。
hugo server
実行時に、こういうWARNが出ていた。
❯ hugo server --theme=hugo-zen --buildDrafts --watch --disableFastRender
Start building sites …
WARN 2021/02/14 17:42:46 Page.Hugo is deprecated and will be removed in a future release. Use the global hugo function.
hugoのバージョンはv0.80.0で、2021年2月14日現在で最新。 3年前に設定したテーマなので、hugo本体の更新にテーマが追いつけていないことを疑った。テーマ自体を変えたいと思っていたところだったので、せっかくなので新しいテーマに変えてみた。
今回から、テーマはちゃんとconfig.tomlに記載するようにしてみる。フォークしたリポジトリをクローンして、一応自分がいじるようのブランチを切ってプッシュしておく。
❯❯❯ git clone https://github.com/mayosuke/hugo-theme-m10c.git m10c
Cloning into 'm10c'...
❯❯❯ cd m10c/
❯❯❯ git checkout -b mayosuke.jp
Switched to a new branch 'mayosuke.jp'
❯❯❯ git push origin mayosuke.jp
config.tomlにthemeを指定。
❯❯❯ git diff
...
+theme = "m10c"
...
テーマをconfig.tomlで指定したので、ローカルサーバー上でのサイト表示・サイト生成時に引数でのテーマ指定は不要になる。
ローカルサーバー上でのサイト表示
❯❯❯ hugo server --buildDrafts --watch --disableFastRender
サイト生成&S3へのアップロード。
❯❯❯ hugo; and aws s3 sync --delete ./public s3://XXXX --profile XXXX
❯❯❯ aws cloudfront create-invalidation --distribution-id XXXX --paths "/*" --profile XXXX
というわけで、本日からmayosuke.jpのテーマはm10cになりました。
ToDos
- アバター画像を囲う丸い枠が楕円になってしまっててかっこわるいので、ちゃんと円にしたい
- フッターあたりにコピーライト表示を復活させる
- ファビコンをちゃんとする
- テーマのカラースキームを、もうちょっと見やすくする
References
新しく設定したテーマ。
今まで使っていたテーマ。3年以上お世話になりました。ありがとうございました!