Hugoを使ってSSGサイトを作ろう3

2022-08-02

はじめに

Hugoでブログ作り3日目です。 Wordpressから記事を移植して行きます。

Markdown形式では上手に記事内の画像が表示されないため、Hugoでの記載方式に変換していきます。

Wordpressで画像を出力すると、Markdown形式で書いていたのでこんな感じで記載されています。

click here実行前 
![top](images/c90f6c4e.webp" title="" class="center" width="600" height="320")

click here実行後 
![top](images/3299b554.webp")

HTMLを見るとimgタグに変換されて、出てそうな気もするのですが実行結果としては出力されません。

結論だけ書くと、このようなショートカットで記載することになります。

{ {< figure src="/images/2022-06-23-ドミノ・ピザ-lサイズ1枚買うと、mサイズ2枚ついてくるキャンペーン開催！-04ae86ad-600x343.webp)

divタグで区切られての変換が行われるようになり結果として出力できるようになりました。

markdownファイルが沢山あると、手作業で変換するのは大変だと思いますのでスクリプトを用意しました。 https://gist.github.com/kenpos/9ccaf29dd315ce6c472935e2405bd858#file-gistfile1-txt

pythonで書いてます。

無事ブログ記事内でも画像が表示されるようになりました。