Hugo

1. 留言板 我本來是使用 Cusdis，一款不限 Github 用戶就可留言的外掛，但某天 Cusdis 直接 shut down，所以我就轉用 utterances。 介面一樣好看，使用方便，唯一缺點就是只限 Github 用戶留言。 使用utterances，copy 代碼後填上自己的 repo，貼在 themes/layouts/partials/comments.html 內即可使用。 2. 友鏈 參考Aimer’s Blog的 code 架設。 目前還沒有網友，但這個版型很好看，之後也可以當作放作品集的頁面。 3. Buy me a coffee 使用bmc-button by isqua shortcode。 如果想要點入時另開新視窗，可以在 shortcodes/bmc-button.html 下在原本 code 的 href 後增加 target="_blank"。 <a class="hugo-shortcodes-bmc-button" href="{{ $url | safeURL }}" target="_blank" > 4. 目錄放側邊 原出處 Sulv 的文章好像已經失效了，我是參考使用3rd’s Blog 的 code 設置的。 設置完後在文章打開目錄。 --- showToc: true # 顯示目錄 TocOpen: true # 預設打開目錄 --- 5....

byebye Wordpress 在架設了 N 個網站之後，本月我還是下定決定跟 Wordpress 說掰掰了，回歸到使用 Github 搭配 Hugo 的組合，釐清自己的文章內容與定位實在很重要，因為我並沒有明確的網站方向以及營利目標，只是單純記錄生活的網誌卻要花費每月 600 多塊的平台費用，對我來說還是覺得太貴。 同時雖然使用 Cloudways 創建的 Wordpress 網站 SEO 表現很好，但從 Google search console 結果來看我的文章內容確認無法導流（太冷門的內容），因此我含淚跟 Wordpress 說 byebye。 接納 Hugo 網站的不便 首先因為我是純文科生，使用 Github 架設 Hugo 網站，從架設網站、修改網站 CSS 到寫文章都需要程式底子，沒有直接用 Wordpress 來的方便省時間。 再來是從之前的測試結果來看，Hugo 網站如果放置太多圖片會非常容易影響網站速度，PageSpeed Insights 檢測出來的網速大幅低於用 Cloudways 架設的網速。 Hugo 還是有我喜歡的地方 我很喜歡超方便的預覽功能，當然如果是用 WD 這點是輕鬆達成，但在 Hugo 這樣複雜的寫文限制下能直接用 hugo server 預覽上傳後的網頁已經非常方便。 最大的優點當然是費用便宜，自訂網域每月只需要約台幣 60 塊，即使升級 Github Pro 也只需要每月 180 塊 total 費用，對於非營利網站這價格非常友善。 從這裡出發記錄我的生活 就從這裡紀錄所有想分享的生活吧!