プログラミング

Hexoの記事で使えるタグとプラグイン

どんなタグが使えるのか調べたのでそのまとめです

注釈

以下のタグで表示できます

1
2
3
{% blockquote [author[, source]] [link] [source_link_title] %}
content
{% endblockquote %}

例) プレーン

1
2
3
{% blockquote %}
プレーンタイプの注釈です。
{% endblockquote %}

プレーンタイプの注釈です。

例) X(旧Twitter)から引用風

1
2
3
4
{% blockquote @sakas_poke https://x.com/sakas_poke/status/1701963599189598222 %}
ゼイユちゃんが我々の気持ちを代弁する碧の仮面屈指の名シーンです
今後急所を引いた際にお使いください
{% endblockquote %}

ゼイユちゃんが我々の気持ちを代弁する碧の仮面屈指の名シーンです
今後急所を引いた際にお使いください

コード

コードスニペットは以下のタグで表示できます

1
2
3
{% codeblock [title] [lang:language] [url] [link text] [additional options] %}
code snippet
{% endcodeblock %}

もしくは以下のMarkdown的な書き方でも表示可能です

1
``` [language] [title] [url] [link text] code snippet ```
オプション 説明 デフォルト
line_number 行番号表示 true
line_threshold ブロックに表示する行数の数 0
highlight ハイライトするか true
first_line 最初の行番号 1
mark 特定の行番号をハイライトさせる。例：mark:1,4-7,10
wrap <table>ブロック内をラップする true

例) URL付きのコードサンプル

1
2
3
4
{% codeblock _.compact http://underscorejs.org/#compact Underscore.js %}
_.compact([0, 1, false, 2, '', 3]);
=> [1, 2, 3]
{% endcodeblock %}
_.compactUnderscore.js
1
2
_.compact([0, 1, false, 2, '', 3]);
=> [1, 2, 3]

記事

以下のタグでポストリンクを張れます

1
{% post_link ポストのファイル名 %}

ここでのポストファイル名は日付や拡張子を排除したものです
2023_09_21_post-images.mdならpost-imagesがそれになります

ちなみに以下で記事へのパスを取得できます

1
{% post_path post-images %}
/2023/09/21/post-images/

表

1
2
3
4
| TH 左寄せ | TH 中央寄せ | TH 右寄せ |
| :--- | :---: | ---: |
| TD | TD | TD |
| TD | TD | TD |
TH 左寄せ TH 中央寄せ TH 右寄せ
TD TD TD
TD TD TD

インライン

1
`インラインで強調`

インラインで強調

画像

以下のタグで画像を埋め込めます

1
{% asset_img 画像ファイル名 画像タイトル %}

詳しくはこちらの記事で解説してます -> Hexoの記事に画像埋め込む方法