画像を添付してみる
今回は一昨日のブログで書いていた画像の添付をしてみます。 昨日のブログで数式の挿入して満足したけどやり方とか書いた方が読者の人たち的にはいいのかな、 とか思ったので今日は画像添付のやり方書くとともに画像添付をしようと思います。 あと今日はいちいち改行せずブログ書いてみます。
画像添付のやり方
ブログのプロジェクト構造
まずは事前知識としてHugoのブログプロジェクトのディレクトリ構造の説明からします。
.
├── archetypes
├── config.toml
├── content
│ └── posts
├── data
├── deploy.sh
├── layouts
├── public
├── resources
├── static
│ └── avatar.jpg
└── themes
└── m10c
まぁブログのディレクトリ構造はこんな感じになってるんですね。
まずブログ記事の作り方ですが下記コマンドを実行すると./content/posts/に新たにtest.mdが作成されます。
hugo new posts/test.md
これに記事を書いて下記コマンドをdeploy.shを実行すると./public/直下に色々展開されます。
これが皆さんの見ているブログの画面を構築する元になっている感じですね。
画像添付していくぅ！
どうやらPege Bundleっていうのを使うみたい。
これを下のように書いて使うとこんな感じ。
調べてみると他の方法もあったので試してみる。
Hugo内にはShrotcodeってやつがあるらしくそれを使うことでいけるらしい。 うまくエスケープできなかったから詳しくはここを見てくれ！ Shortcodes
This is a image
画像サイズの調整は簡単にはできないらしい・・・。
今日のまとめ
- 画像の添付はできた
- 画像サイズ変更とかはもう少し調べないとダメそう
そんなところです。