Hugoes

実現したいこと ブログの記事数や記事一覧を確認したい。hugo serverを起動して一覧ページを開く方法は手間がかかる。素のhugoでビルドするとpublic/が本番URLの生成物で上書きされ、起動中の開発サーバーの状態を壊してしまう。

実現したいこと ビルドが通るかどうかだけを確認したい場合、生成物はディスクに残らなくてもよい。むしろpublic/に本番URLの生成物が残ると、hugo serverで起動中の開発サーバーの状態を壊してしまう。

実現したいこと hugo serverでローカル開発サーバーを起動したまま、別のターミナルでhugoを実行してビルドが通るかを確認したい。 しかし何も指定せずにhugoを実行すると、開発サーバーが配信しているファイルが本番用のURLで上書きされてしまう。ブラウザで開いているページのリンクが軒並み本番サイトのURLに変わり、クリックすると本番サイトへ飛ばされる。

実現したいこと ブログにプライバシーポリシーのような固定ページを追加したいとする。記事一覧は不要で、本文だけを表示したいが、タイトルや日付、TOCなど通常記事と同じ見た目には揃えたい。

実現したいこと content/recipes/のように、レシピ記事だけを集めたセクションを追加したとする。他のセクションは記事タイトルだけの一覧で構わないが、レシピ記事の一覧では調理時間をひと目でわかるように表示したい。

JSON-LDとは JSON-LDは、ページの内容を検索エンジンに構造的に伝えるための構造化データ記法である。schema.orgの語彙をJSON形式で記述し、<script type="application/ld+json">としてHTMLに埋め込む。

発生していた問題 当ブログでは各記事に更新日（.Lastmod）を表示している。この更新日はenableGitInfoを有効にし、Gitのコミット履歴から取得する設定にしていた。

前提 CloudFront+S3構成でサイトを公開していること。 AWS CloudFrontの設定 コンソールでの作成 CloudFrontディストリビューションのエラーページの設定で以下のように404ページを設定する。

デフォルトのハイライトが視認性が悪い hugoで作られた当サイトのソースコードハイライトでコントラスト比の悪いところがあり、 見づらい箇所がところどころあるのでスタイルを変更したい。