Hugo

手把手用 Disqus 與 Cusdis 建立留言區，並比較所有留言設定差異

前言 之前在 《手把手打造你的專屬部落格之二 — Hugo 網站上雲伺服器 CloudFlare Pages》 講解如何把 Hugo 網站上雲，但是除了 CloudFlare 外，Netlify 也是另一個不錯的雲伺服器的選擇。 1. Netlify vs CloudFlare 這邊做了簡單的比較，都是每個月 Feature Netlify Cloudflare Number of function invocations 125,000 per month per site 100,000 per day for all your sites Builds 300 build minutes per month 500 builds per month Concurrent builds 1 1 Number of websites 500 unlimited Bandwidth amount 100GB for all sites unlimited CLI available available 雖說看起來 Netlify 什麼都有限制，但基本不會踩到上限。 假設你的網站首頁大小為 1MB，每個訪客訪問一次會消耗 1MB WidthBand，那麼 100GB WidthBand 大約可以支撐 100,000 次訪問。一個月 100 GM 能被你用完，就真的是寫作大神或是攝影大師，放不完的影片圖片，當有訪客來你這裡看圖影的時候，你比較有機會踩到上線。 ...

前言 現在你的網站還只能跑在你的電腦上，其他人是看不到的，那我們現在就來把他送上雲端吧！ 1. 建立 GitHub Repository 用 GitHub 放你的網站程式碼，所以我們需要在 GitHub 建立 repo cyanSky 完成 複製 repo origin https://github.com/chi811008/cyanSky.git 回到你本機的網站資料夾：打開終端機，進入你的網站資料夾 cd cyanSky # cd <你的網站路徑> 準備把網站推上 GitHub 前，先添加 .gitignore 檔案，它可以讓你設定一些不想推上去 repo 的檔案 echo "/public" >> .gitignore 把 GitHub 遠端的位置 https://github.com/chi811008/cyanSky.git 加入你地端的資料夾 git remote add origin https://github.com/chi811008/cyanSky.git # 把 origin 後面換成你的 origin 唷！ # 建立主分支 main branch git branch -M main # commit and push code to master branch git add . git commit -m "Initial commit" git branch --set-upstream-to=origin/main main g rebase origin/main git push -u origin main 這邊可能會叫你驗證，確認帳號對，登入就好囉！ ...

前言 在《為什麼要有自己的部落格？》中交代了建部落格的原因，想必你各位點進來就是做好建立部落格的覺悟了！ 那就讓我們開始吧～ 為什麼選 Hugo 既然官網 都說他是全世界最快的框架，捨他其誰？ The world’s fastest framework for building websites 完全免費的 open-source Go 專案。 身為一個 Gopher 當然就要支持一下呀，說不定之後用一用覺得哪裡可以優化，還有機會可以貢獻一下。 用 Hugo 在本地建立網站 1. 安裝 Hugo 身為 macOS 使用者，這邊就用 homebrew 安裝 打開終端機 Terminal command + space 終端機輸入（以下皆為終端機輸入） brew install hugo 其他安裝方式可以參考這裡 2. 安裝 Git 一樣打開終端機用 homebrew 安裝 brew install git 其他安裝方式可以參考這裡 3. 建立網頁 建立網頁 hugo new site <你的網站名稱> 這邊以 cyanSky 為例，你會看到 cyanSky 資料夾，架構如下 ...