Honmushi blog
2018/10/12

画像の埋め込み

コンテンツ内に画像を表示したいです。
Gatsbyかつマークダウンでどうやってやるのか実装してみます。

以下の方法で試してみるがうまく行かず。

画像を静的コンテンツ設置ディレクトリに設置

マークダウンと同じディレクトリsrc/pages/に画像を設置しました。

マークダウン内に上記URLを指定してimgタグを記載

![My Image](./image.jpg)

マークダウンと同じディレクトリに静的コンテンツとして出力されるのではないか。
やってみた結果、表示できず。

imgタグの参照先は以下になっており、想定と異なっていました。

/2018/10/12/image/image.jpg

この記事のURLは以下

/2018/10/12/image/

以下にアクセスしても画像は表示されなかった。

/2018/10/12/image.jpg  

Cannot GET /2018/10/12/image.jpg

My Image

プラグイン入れたらできるのか?

gatsby-remark-images

このプラグインが画像をいい感じにしてくれるらしいです。次回やってみます。

  • このエントリーをはてなブックマークに追加
HOMEPROFILEPRIVACY POLICY