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年以上お世話になりました。ありがとうございました！