Hexoの記事に画像埋め込む方法

Hexoの記事に画像埋め込むにはどうすればよいかのメモ

記事ごとのローカルアセット

以下をまず_config.ymlに書き込みます

_config.yml
1
post_asset_folder: true

そうするとsource/_posts内に記事名と同じディレクトリができます(以下ローカルアセットパス)
これが各ポストのアセットディレクトリになるので、ここに画像を投入して以下のようにタグをつけると記事内に画像を埋め込むことができます

1
{% asset_img onepiece06_chopper.png 画像のタイトル %}

実際埋め込んだ例がこちら

他にもパスを取得したり → /2023/09/21/post-images/onepiece06_chopper.png

1
{% asset_path onepiece06_chopper.png %}

リンクだけ張ったりできます → onepiece06_chopper.png

1
{% asset_link onepiece06_chopper.png %}

グローバルアセット

全体で共通して使いまわして使うような画像はsource以下におきましょう
タグ形式は記事への相対パスでしか有効にならないっぽいのでマークダウン形式でアクセスします

1
![](/images/hoge.png).

また、各記事にはヘッダ画像を設定することができます
ヘッド部分に以下のプロパティを設定することで記事の頭に画像をセットすることができます

1
2
3
4
// グローバルアセットパスで指定する場合
photos: "/images/hoge.png"
// ローカルアセットパスで指定する場合
photos: "/2023/09/21/post-images/onepiece06_chopper.png"

ローカルアセットパスで指定する場合はasset_pathタグで生成されるパスを指定してあげてください