快轉到主要內容

實用工具!

前言
#

  前陣子用 Vibe Coding 做了幾個網頁工具出來,但一直不知道該怎麼把它們放到這個 Blog 上。

  今天問了一下 AI,才知道原來 Hugo 只要把相關檔案放到 static/ 目錄下就行了,於是便有了這個《🪄 實用工具》頁面!我還順手幫上方的頁籤加上了 Emoji,讓整體看起來更活潑一點。

  另外,Blog 從以前就開啟了「封面縮圖」功能。只要將圖片命名為 featured.*,系統就會自動將該圖片當作文章縮圖;如果沒有這個檔案,則不會顯示縮圖。

  不過這也衍生出一個問題:有些文章有縮圖,有些文章沒有,導致首頁版面看起來有些凌亂。於是我再次拿出了 Vibe Coding,問要如何替所有文章設定一張預設縮圖。

  得到的答案是在 config/_default/params.toml 中修改 defaultBackgroundImage 的路徑。我將它設定為 img/default-featured.webpHugoblowfish 模板便會到 assets/img 目錄下尋找對應圖片。只要把想作為預設縮圖的圖片放進去,沒有設定 featured.* 的文章也能自動套用同一張縮圖。

已實裝工具
#

相關文章