Hugo

はじめに HugoをアップデートしてHugoコマンドを実行したところ、以下の警告メッセージが表示されました。 WARN deprecated: site config key paginate was deprecated in Hugo v0.128.0 and will be removed in a future release. Use pagination.pagerSize instead. サイト設定キーのpaginateがHugo v0.128.0で非推奨となったため、pagination.pagerSizeを使用してくださいとのこと。

はじめに HugoをアップデートしてHugoコマンドを実行したところ、記事リストのレイアウトが崩れて表示されるようになりました。 テンプレートに影響を与える仕様変更はやめてほしい… 画面レイアウトが崩れた原因 リリース履歴を調べたところ、Hugo v0.134.0から.Summaryの戻り値がプレーンテキストからHTMLに変更されたのが原因でした。

はじめに 久しぶりにHugoをアップデートして、Hugoコマンドを実行したところ以下の警告メッセージが表示されました。 WARN deprecated: .Site.IsServer was deprecated in Hugo v0.120.0 and will be removed in a future release. Use hugo.IsServer instead. .Site.IsServerはHugo v0.120.0で非推奨となり、将来のリリースで削除される予定のようです。

特定の記事のみ外部CSSファイルを読み込む フロントマター（Front matter）を使用することで、特定の記事のみ外部CSSファイルを読み込むことができるようになります。 外部CSSファイルの配置 読み込ませるCSSファイルをassetsフォルダー内に配置します。 以下はassets/cssにsample1.css、sample2.cssを配置する例です。

HugoのテンプレートをPrettierでフォーマット HugoのテンプレートをPrettierでフォーマットすると、テンプレートの変数や関数が認識されず、うまくフォーマットされません。 prettier-plugin-go-templateを導入すると、HugoのテンプレートをPrettierでフォーマットできるようになります。

はじめに HugoでJavaScriptやCSSを圧縮する方法のメモです。 Hugoでは、組み込み関数のresources.Minifyを使用することでJavaScriptやCSSを圧縮する事ができます。 JavaScriptやCSSを圧縮する手順 アセットディレクトリの作成 resources関数で扱うアセットはアセットディレクトリ（/assets）に保存する必要があります。

はじめに Hugoでコードをハイライト表示する方法のメモです。 Hugoのシンタックスハイライト Hugoでは、組み込みの{{< highlight >}}ショートコードを使用するか、コードフェンスでハイライト設定を行うことでコードをハイライト表示できます。