[Hugo] Hugoplate でブログのパーマリンクを指定する

Hitoshi Arakawa | 2024/12/06 Fri 04:46

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