Next 圖片設定
Published in
Dec 5, 2022
Blog ep 03.
最近又重回寫Blog的生活了，用 Hexo 架了個 Blog，還沒設定完成也有許多代辦事項，這裡就先簡單紀錄下這個過程吧！
找了一陣子怎麼設定 image 想不到近在眼前，原本想說我還要特別去裝一個hexo-insert-img 什麼的 plugin。後來發現 Next 本身 Markdown就支援了。
可以跟著下面的步驟👇
- 在 source 資料夾底下創建一個 images 或 img 看你個人。
接著可以照著 Markdown 的格式來去做撰寫。
裡面比較特別的是可以群組設定圖片，像下面一樣就會出現如官方 Demo 的樣子，但也有 Bug 我自己試驗的話如果下面的圖片都帶有 Title 的畫圖面下面會蓋一層字，如果用手機瀏覽的話會更明顯，電腦我是看不太出來。
{% grouppicture 3-3 %}
{% endgrouppicture %}
官方也有提及可以設定一些特別的動畫，這邊就要進入 _config.next.yml 來設定，比較用得到的是下面這幾個。
- mediumzoom: 改成 true 的話可以縮放圖片。
- lazyload: 改成 true 的話可以延遲加載圖片。
- fancybox: 改成 true 的話就會有燈箱的效果，鼠標移過去的話圖片就會變亮了
