Azure your personal blog

using azure to deploy your blog and update automatically

> INSTALL HUGO

# 1. 使用 Homebrew 安裝 Hugo(MacOS)
brew install hugo

# 2. 確認 Hugo 是否安裝成功,以及版本號
# (確定顯示 extended 版本,因為部分主題需要 SCSS 支援)
hugo version

# 3. 建立一個新的 Hugo 網站,目錄名稱為 myblog
hugo new site myblog

# 4. 進入網站專案資料夾
cd myblog

# 5. 安裝 Stack 主題,並將其加入 Git 子模組(方便管理主題)
git submodule add https://github.com/CaiJimmy/hugo-theme-stack.git themes/stack

# 6. 啟動 Hugo 本地伺服器,並顯示草稿文章 (-D),未來文章(--buildFuture)
# 預覽網址:http://localhost:1313
hugo server -D
hugo server --buildFuture

# 7. 在 content/posts/ 下建立第一篇文章
# (建立後會產生 first-post.md,預設 draft: true)
hugo new posts/first-post.md

> GIT REPO

# 1. 初始化 Git 儲存庫(專案第一次執行)
git init

# 2. 查看目前的遠端倉庫(檢查是否已綁定 GitHub)
git remote -v

# 3. 新增遠端倉庫(把本地倉庫和 GitHub 連接)
git remote add origin https://github.com/<你的帳號>/<repo名稱>.git

# 4. 如果遠端有檔案,先同步(避免 push 衝突)
git pull --rebase origin main

# 5. 檢查目前檔案狀態(新增/修改/未追蹤)
git status

# 6. 將修改的檔案加入暫存區(準備提交)
git add .

# 7. 提交修改,並撰寫提交訊息(建立一個 commit)
git commit -m "新增第一篇 Networking 文章"

# 8. 第一次推送到 GitHub(並設定追蹤分支)
git push -u origin main

# 9. 以後推送就可以直接使用(不需要再加 -u)
git push

> Azure CI/CD

Azure > static web apps > hook your github