後來在幾年內發了一些文章，也不覺得有什麼地方怪怪的，直到文章圖片越來越多，然後又發現自己的中文文字導致網址特別長，分享文章網址給別人看的時候變得很奇怪（不簡短就不帥的感覺😊）。

最終做了以下兩個更動

Page Bundle（文章）

在Hugo 預設渲染網頁功能，內建了這個再往頁插入圖片的方式。 原本一開始生產文章的方式：

hugo new posts/文章.md

開始使用Page Bundle後的文章生產方式：

hugo new posts/文章/index.md

在最一開始我都是直接生產純文字文章，然後在statis資料夾裡面放入圖片，然後在 markdown 文件裡插入圖片的路徑如下：

![圖片](/img/圖片.jpg)

以後可以把圖片的插入路徑變得更加簡短，如下：

![圖片](圖片.jpg)

並將文章所需的圖片全部搬到該文章的資料夾內，這樣整理文章內所需的圖片變得更加簡便，而且可以把文章內的圖片一次用指令全部壓縮，有利於網頁載入的速度。

最後還要把原本的文章裡的路徑全部修正為簡短的版本，每篇文全部點開來修改字眼真的很累，建議使用終端機修改： 首先，先搜尋一下全部有/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工具變得簡單許多，希望有幫助到大家了喔！