
如何移植HUGO Loveit主題的admonition shortcodes
前言 以前的懶懶是 Love it 主題的粉絲,最近因為對 Google PageSpeed 分數的執著,已經改用 PaperMod 主題。儘管如此,懶懶仍然非常想念那些精美的 admonition shortcodes。 在移植過程中,遇到了一些困難。幸好,懶懶找到了其他人分享的代碼,於是便順便記錄下來,以便給有需要的人參考 自訂範例標題 我是範例 我是範例 我是範例 教學 來源網站 LoveIt(原作者) https://github.com/dillonzq/LoveIt hugo-backup https://github.com/YazidLee/hugo-backup 首先訪問hugo-backup的Github主頁,然後找到下列4個檔案及fa資料夾 檔案來源 hugo-backup admonition.css details.css admonition.html fa-all.css fa資料夾(字型檔) 然後對複製下列檔案至你的hugo根目錄指定位置 admonition.css 此為admonition的CSS設定檔,可以自訂各標籤的顏色、大小、邊界、字體大小等等 複製到hugo根目錄下.\assets\css\extended\admonition.css即可 details.css 此為admonition右上角箭頭符號的CSS設定檔,用來控制文章的閉合 複製到hugo根目錄下.\assets\css\extended\details.css即可 admonition.html 此為admonition的模板,其中有部分能用來修改各標籤的icon(其他部分為go語言,想修改就餵給ChatGPT吧~) 複製到hugo根目錄下.\layouts\shortcodes\admonition.html即可 fa-all.css 此為fontawesome(V5版本)的CSS設定檔,裡頭是fontawesome的icon設定檔 複製到hugo根目錄下.\assets\css\extended\fa-all.css即可 ...