Koki's personal blog

Koki's personal blog

Another fine, responsive site template by HTML5 UP.

Hugoブログにシンタックスハイライト機能を追加する方法

Hugoで作成したブログにシンタックスハイライト機能を追加する方法を説明します。

Koki

1 分で読めます

この記事では、Hugoで作成したブログにシンタックスハイライト機能を追加する方法を説明します。

この記事の内容です。

対象読者

  • Hugoで作成したブログにシンタックスハイライト機能を追加したい方

環境

  • Hugo 0.57.2
  • Hugo-extended 0.58.2

前提条件

  • HugoおよびHugo-entendedインストール済み

シンタックスハイライト機能を追加

config.tomlへ下記のコードを追加します。

pygmentsCodefences = true
pygmentsStyle = "fruity"

pygmentsStyleへ代入する値を変更することで、様々なスタイルを使用することができます。
また、スタイルは下記のページから選択することができます。

ちなみに、上記のコードで使用しているスタイルは"fruity"です。

参考にさせていただいたページ

最近の投稿

カテゴリー