easy-hugo でorg-modeのファイルを作成できるようになったが、画像を貼り付けたい時にはどうするのかが、次のお題。

画像ファイルの置き場所とリンクの記述

画像ファイルをstaticディレクトリに配置する場合

ファイル名を / で始めると、staticディレクトリ以下のファイルを参照できる。 画像ファイル static/images/author.svg を表示させたい場合は、このように記述する。

 [[file:/images/author.svg]]

これは、org-modeのバッファでは、このように見えているはずだ。

 file:/images/author.svg

ファイルの配置はこのようになる。

├── content
│   └── posts
│       ├── hoge.org
│
├── static
│   └── images
│       ├── author.svg

これをプレビューすると、その画像がバッチリ表示される。 ただ、テーマのせいかどうかが分からないが、妙にでかい。

contentディレクトリに配置する場合

ファイル名が / で始まらない場合は、この記事からの相対パスとなる。

記事のファイルが content/posts/hoge.org の場合、urlは /posts/hoge/index.html として扱われる。 このため、

 file:fuga.jpg

とした場合、fuga.jpg は content/posts/hoge/fuga.jpg を参照することになる。

ファイルの配置はこのようになる。

content/
└── posts
    ├── hoge.org
    ├── hoge
    │   └── fuga.jpg