shangtian https://blog.hatena.ne.jp/shangtian/ shangtian’s blog https://www.shangtian.tokyo/ Hugo 画像を保存する場所 タイトル部分に画像を表示する 本文に画像を表示する 画像を保存する場所 quickというフォルダ名でプロジェクトを作成した時 ディレクトリ構成図は以下のようになる quick/ ┣static/ ┗img/ ┗work2.png staticディレクトリ下にimgというフォルダを作ってそこに 画像を保存する。 タイトル部分に画像を表示する 画像を表示したい記事のマークダウンファイルを 編集していく。 今回はwork2.mdという名前で マークダウンファイルを作成した。 $vim content/post/work2.md を打って編集して行く タイトルに画像を貼ってないとき… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.shangtian.tokyo%2Fentry%2F2018%2F06%2F28%2F103017" title="Hugo 画像を載せる方法 - shangtian’s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/shangtian/20180628/20180628080505.png Hatena Blog https://hatena.blog 2018-06-28 10:30:17 rich https://www.shangtian.tokyo/entry/2018/06/28/103017 1.0 100%