Hugo で記事のタイトルにアポストロフィーや英語の引用符が含めたいことがある。

普通にアポストロフィーや引用符を含んだタイトルにすると、デプロイ時にエラーが発生する。

以前 Hugo の heyo テーマで、長い URL をウィンドウ幅で改行させる方法について書いた。

[Hugo] 長い URL を改行する｜荒川仁志
https://note.com/hitoshiarakawa/n/nbb5131ebd699

しかし、URL を改行させるだけでなく、英単語の途中でも改行されてしまう。

Hugo で Hugoplate というテーマを使ったサイトを作った。

Hugo に Hugoplate テーマをインストールする | 荒川仁志 公式サイト
https://hitoshiarakawa.com/blogs/2024/2024-05-09_installing-hugoplate-theme-on-hugo/

このサイトのブログ記事を X で共有すると、自動的に記事タイトルや画像が挿入される。これは OGP（Open Graph Protocol）と呼ばれるもので、SNS でリンクを共有したときにページのタイトルや画像、説明文などが表示される仕組みだ。

Hugo で多言語サイトを作っている。

例えば {Hugo のプロジェクト名}/themes/{テーマ名}/laygouts/_defautl 内の html ファイルをいじることはよくある。

環境：
・macOS Ventura 13.5（英語環境）
・Hugo v0.119.0
・Hugo テーマ：Hugo Profile

Hugo の Hugo Profile テーマでは設定ファイルの config.yaml 内でトップページの表示を設定する。

Hugo で Hugo Profile というテーマを使ったページを作った。

GitHub - gurusabarish/hugo-profile: A highly customizable and mobile first Hugo template for personal portfolio and blog.
https://github.com/gurusabarish/hugo-profile/tree/master?tab=readme-ov-file

Hugo Profile テーマはブログの「最近更新した記事」をページ下に表示できる（表示数は config.yaml で指 …

Hugo で公開されているテーマは全文検索機能が付いていないテーマも多い。

Complete List | Hugo Themes
https://themes.gohugo.io/

僕が使っている Hugo のサイトの一つは Blonde というテーマだが、これも検索機能がないのだ。2300 ページを超えるブログなので検索機能は欠かせない。

Hugo に robots.txt とサイトマップを設定する方法について書いた。

Hugo に robots.txt とサイトマップを設定する｜荒川仁志
https://note.com/hitoshiarakawa/n/n723813a7a625

今回はそれを Hugoplate テーマでやってみた。Stack テーマでやったときとはテーマを変えたし多言語化もしているので少し勝手が変わった。

Hugo の Hugoplate テーマで月別アーカイブを作成する方法について書いた。

[Hugo] Hugoplate テーマで月別アーカイブを作成する | 荒川仁志 公式サイト https://www.hitoshiarakawa.com/blogs/2024/2024-05-13_archive-pages-on-the-hugoplate-theme/

上記の方法を実現する前提としては個々の投稿ファイルにおいて、Front Matter で以下のような記述が必要となる。

Hugo では月別のアーカイブページが用意されていない。過去のページにアクセスするのが難しい。そのため、月別のアーカイブページを作ることにした。

アーカイブページはトップメニューからアクセスできるようにしたい。月ごとにグループ分けし、新しい記事から順に表示させるようにしたい。

環境：
・macOS Ventura 13.5（英語環境）
・Hugo v0.119.0
・Hugo テーマ：Hugoplate

Hugo に Hugoplate テーマをインストールし、多言語化したことを書いた。

Hugo に Hugoplate テーマをインストールする | 荒川仁志 公式サイト
https://www.hitoshiarakawa.com/blogs/2024/2024-05-09_installing-hugoplate-theme-on-hugo/

Hugo に Hugoplate テーマをインストールしたことを書いた。

Hugo に Hugoplate テーマをインストールする | 荒川仁志 公式サイト
https://www.hitoshiarakawa.com/blogs/2024/2024-05-09_installing-hugoplate-theme-on-hugo/

さらに英語と日本語の多言語化をした。

[Hugo] Hugoplate テーマでの多言語化 | …