簡単！ ショートコードを自作

マークダウンで記事を書く時に挿入するショートコードは自作できる

ショートコードとは

ショートコードは Hugo で記事を作成する際に利用できる便利機能で、最初から内蔵されている Built-In のショートコード以外を自作して自由に追加できる。

繰り返して利用されるような処理、あるいは少しのパラメータで再利用可能な処理はショートコードを使うと便利になる。layout/partials のようなもので記事を構成する部品の自作だが、マークダウン中に partials が使えないから代わりにショートコードを利用する。

内蔵の Built-In Shortcodes でショートコードに慣れてから、次に自作すると良い。

参考：https://gohugo.io/extras/shortcodes/
参考：https://github.com/spf13/spf13.com/tree/master/layouts/shortcodes

tweet

{{< tweet 572358359405338624 >}}

「グッジョブ！ペンタくん 北極編/完全版」 - オブジェクトが重力の影響を受ける、ハードなアクションパズルゲーム http://t.co/oMk7Ii5vrk

— Prester John (@Presbyter_Johan) March 2, 2015

YouTube

{{< youtube wl1Bw6uQK3s >}}

自作の手順

1. layouts の中に shortcodes というディレクトリを作成する
2. layouts/shortcodes の中に testshortcode.html を作成する
3. testshorcode.html をエディタで編集し保存
4. マークダウン中でファイル名を使い呼び出す

例えばこの記事本文下端の広告などは自作したショートコードを使って呼び出せる

{{< testshortcode >}}