從 2022 年開始建立這個部落格，到今天也有四年多了。 最一開始是從網路上找尋各種教學文章及影片，一步一步從安裝 Hugo 、安裝主題、買網域、創立 Github 倉庫…等步驟，最終才成立這個網站。
後來在幾年內發了一些文章，也不覺得有什麼地方怪怪的，直到文章圖片越來越多，然後又發現自己的中文文字導致網址特別長，分享文章網址給別人看的時候變得很奇怪（不簡短就不帥的感覺😊）。
最終做了以下兩個更動
Page Bundle（文章）
在Hugo 預設渲染網頁功能，內建了這個再往頁插入圖片的方式。 原本一開始生產文章的方式：
hugo new posts/文章.md
開始使用Page Bundle後的文章生產方式：
hugo new posts/文章/index.md
在最一開始我都是直接生產純文字文章，然後在statis資料夾裡面放入圖片，然後在 markdown 文件裡插入圖片的路徑如下：
以後可以把圖片的插入路徑變得更加簡短，如下：
並將文章所需的圖片全部搬到該文章的資料夾內，這樣整理文章內所需的圖片變得更加簡便，而且可以把文章內的圖片一次用指令全部壓縮，有利於網頁載入的速度。
最後還要把原本的文章裡的路徑全部修正為簡短的版本，每篇文全部點開來修改字眼真的很累，建議使用終端機修改： 首先，先搜尋一下全部有/img/的文章，確認要刪除的部份
find content/posts -name "index.md" | xargs grep "/img/"
之後再一鍵全部刪除
find content/posts -name "index.md" -exec sed -i 's/\/img\///g' {} +
網頁變得更加簡短
這個也是新手部小心入的坑，之前看了wiwi的部落格，覺得他的網址都好簡短好讚，我的文章分享給朋友都充滿了一堆%89%23%24%25%25%27%56%56%的中文轉英文網址所產生的符號。
這個修改更加簡單，只要去修改hugo的設定檔config.toml裡面的內容：
[permalinks]
posts = "/posts/:contentbasename/"
改成這樣，並配合剛剛的Page Bundle資料夾名稱都改成想要的英文簡短方式，最終所生產出來的網址就會變得非常簡短。
資料夾路徑：content/posts/2026/my-hiking-trip/index.md
最終網址：fgzblog.com/posts/my-hiking-trip/
簡單分享一下，這次配合AI工具變得簡單許多，希望有幫助到大家了喔！