Hugo で運営しているサイトの一つを、テーマを変更することにした。これまで heyo テーマを使っていたが、Hugoplate テーマにすることにした。
heyo | Hugo Themes
https://themes.gohugo.io/themes/heyo-hugo-theme/
Hugoplate | Hugo Themes
https://themes.gohugo.io/themes/hugoplate/
テーマを変更するとブログページの URL が変わってしまう。Front Matter に指定しないかぎり、ブログの URL がテーマ固有のデフォルトのものになってしまう。
URL が変わることの問題点は、ブログ内で過去のページを参照する URLや、SNS で投稿した URL、短縮 URL サービスに登録している URL 等がアクセスできなくなることだ。
テーマごとのデフォルトの URL はそれぞれ以下のようになっている。
heyo での URL:
{{base-url}}/post/{{year}}/{{filename}}/
Hugoplate での URL:
{{base-url}}/blog/{{filename}}/
heyo で {{year}} が入っているのは、ブログ記事が多いので年ごとにディレクトリーを分けているからだ。
Hugoplate の URL を heyo に合わせるには hugo.toml に以下を追記すればいい。
[permalinks]
"blog" = "/post/:year/:filename/"
最初の “blog” は content ディレクトリー内のブログ用ディレクトリー名だ。
これで無事 URL をカスタマイズできた。
参考:
Hugo の URL をカスタマイズする
https://kazamori.jp/blogs/2019/12/29/customize-hugo-url/
Hugoでかんたんpermalinks作成 - にあえん
https://neer-engineer.com/56gfyh8/
【Hugo】記事URL(パーマリンク)の変更方法メモ – ブログ運営のためのブログカスタマイズ
https://blog.z0i.net/2020/11/hugo-permalink.html
個人ブログのパーマリンクに関する最適戦略について | Conao3 Note
https://conao3.com/blog/2020-c088-84d5/
HugoとCloudflare Pagesでブログを作り直した | shimoju.diary
https://shimoju.jp/2023/06/22/hugo-and-cloudflare-pages/
Hugoで始める静的サイト構築入門 静的サイトジェネレーターで作る自作サイト 技術の泉シリーズ (技術の泉シリーズ(NextPublishing)) | meganii | 工学 | Kindleストア | Amazon
https://amzn.to/4ia04JH