Hexoの記事に画像埋め込むにはどうすればよいかのメモ
記事ごとのローカルアセット
以下をまず_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 | . |
また、各記事にはヘッダ画像を設定することができます
ヘッド部分に以下のプロパティを設定することで記事の頭に画像をセットすることができます
1 | // グローバルアセットパスで指定する場合 |
ローカルアセットパスで指定する場合はasset_path
タグで生成されるパスを指定してあげてください