手把手打造你的專屬部落格之二 — Hugo 網站上雲伺服器 CloudFlare Pages

前言 現在你的網站還只能跑在你的電腦上,其他人是看不到的,那我們現在就來把他送上雲端吧! 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 這邊可能會叫你驗證,確認帳號對,登入就好囉! ...

December 29, 2024 · 1 min · 雅青

手把手打造你的專屬部落格之一 — Hugo 建立本地網站

前言 在《為什麼要有自己的部落格?》中交代了建部落格的原因,想必你各位點進來就是做好建立部落格的覺悟了! 那就讓我們開始吧~ 為什麼選 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 資料夾,架構如下 ...

December 29, 2024 · 4 min · 雅青