Hugo

はじめに アクセス解析のため、Hugoで作成したブログにGoogle Analyticsを導入してみましたのでそのメモです。 Google Analyticsの導入 HugoにはGoogle Analyticsをサポートする内部テンプレートが同梱されているため、設定ファイル（hugo.toml）の修正とテンプレートファイルにGoogle Analytics用のテンプレートを含めることで対応できます。

HugoでMarkdown文章内のHTMLタグが削除される Markdown文章内にHTMLタグを記載しHugoで表示させるとHTMLタグ部分が下記表示となる。 <!-- raw HTML omitted --> 削除される原因 Hugo 0.60からMarkdownのパーサーがGoldmarkに変更され、デフォルトでHTMLタグが取り除かれるようになったため。

Hugoでサマリーが全文表示される 記事一覧などで.Summaryを使用してサマリーを表示させると、Hugoの仕様では「コンテンツの最初の70ワードを表示」となっていますが、なぜか全文表示されます。 全文表示される原因 日本語を使用していると.Summaryや.WordCountが正しく計算されないため。

Hugoのリンクについて Hugoはデフォルトでリンク先を現在のウインドウ（target="_self"）で開きます。 Hugoで外部リンクを新規タブで開く Hugo（v0.62.0）以降ではlayouts/_default/_markupフォルダーにrender-link.htmlを作成することで外部リンクを新しいタブ（target="_blank"）で開くようになります。

関連記事の一覧表示 Hugoには関連記事を表示させる機能がデフォルトで備わっているため、テンプレートを修正すれば関連記事を表示させることが可能です。 関連記事を表示させる方法 関連記事用のHTMLファイル作成 Hugoのテーマフォルダー内のlayouts/partialsフォルダーに関連記事用のHTMLファイル（related.html）を作成します。

Hugoとは Hugoとはオープンソースの静的サイトジェネレーターです。 Markdown形式で記事を作成できます。 Hugo | The world’s fastest framework for building websites The world’s fastest framework for building websites gohugo.io Hugoのインストール方法 Install HugoのページにOS別のインストール方法が記載されています。