Hugo製ブログを作る上に気になった小ネタ集です。
ほぼ自分用備忘録。

ソースを表示すると見えるイースターエッグ的な裏メッセージが好きなので
Hugoでも導入してみたかった。
他にも以下の方法で<meta name="theme-color" content="#3C3CFF">
と書いて、AndroidのChromeのタブ色変更してみました。

headタグ内の追記カスタムする

themes\hugo-tranquilpeak-theme\layouts\partials
にある、head_start.htmlもしくはhead_end.html
はたぶんカスタム用に生成されているけど0kBなんですよね。

ここを\layouts\partials\head_start.html
みたいな感じにコピーして、編集。

これで生成時にheadタグの直後か、
閉じタグの直前にインクルードしてくれる。

footer.htmlも同じように編集しました。

このように上書きしたいファイルだけコピーして編集することで、
themeの元ファイルは汚さずにカスタムできます。

こういう方法をすることでthemeのほうに更新があって上書きしても
自分のカスタムした分は維持できますね。

テンプレート内のコメントをhtmlにも出力する

通常のhtmlの<!-- コメント -->や、
Goテンプレートの{{/* コメント*/}}だと、ビルドすると除外されちゃうので、

{{ "<!--" | safeHTML }} コメント {{ "-->" | safeHTML }}

とすると、htmlにもコメントとして残る。

続きを読む と 目次 を作る

続きを読むは<!--more-->

目次は<!-- toc -->

簡単にできますね。