hugoにソースコードを掲載するためのショートコードを作成した

記事内に商品プロモーションを含む場合があります。
2020.11.5 5 views

コードを記事に載せるとき、実行可能なファイルの内容を記事にしたほうがメンテナンスしやすいなと思い、作ってみました。

使い方

{{< code python “./path/to/hello.py” >}}

※hugo の記事に shortcode の呼び出しコードを書くの難しいなぁ。

コード

shortcode の中身は次のようになります。

ソースファイルを読み込んだあとは、もともと用意されている highlight を使ってシンタックスハイライトを行うようにしています。

なので、highlight に対応するパラメータを渡すようにしています。

ファイルは./layouts/shortcodes/code.htmlという名前にしました。

{{ $type := .Get 0  }}
{{ $file := .Get 1 }}
{{ $opt := .Get 2 }}
{{ $code := readFile $file }}
{{ highlight $code $type $opt }}
Goプログラミング実践入門 標準ライブラリでゼロからWebアプリを作る (impress top gear)
カテゴリ:モバイルプログラミング
売れ筋ランキング:156位
価格:¥3,740

関連記事