使用 Jekyll 和 Github Pages 構建靜態部落格
阿新 • • 發佈:2022-05-19
# 準備工作
- 假定你會使用 Git 和 Github - 你懂一線前端的知識 - 你有一定的英語基礎
# 建立 Github 倉庫
1. 註冊 Github 賬號; 2. 建立一個名為`<username>.github.io`的倉庫,其中`<username>`換成你的使用者名稱; 3. 在倉庫的 Settings 裡面找到 Pages選項卡,點選 Change theme 按鈕,選擇主題; 4. 到此為止,你已經成功建立了靜態頁面,你可以訪問 <username>.github.io 來檢視你的部落格。
官方參考:[建立 GitHub Pages 站點 - GitHub Docs](https://docs.github.com/cn/pages/getting-started-with-github-pages/creating-a-github-pages-site)
# 設定部落格的主題
1. 在 Change theme 頁面,前往改主題的 github 倉庫,將整個倉庫的東西搬運到你部落格對應的倉庫裡; 2. 修改`_config.yml`檔案,配置你的網站。
# 如何使用 Jekyll 寫部落格
你只需要把你的文章放在`_posts`資料夾中,Github 會自動處理它。
官方參考:[撰寫部落格 - Jekyll • 簡單靜態部落格網站生成器 (jekyllcn.com)](http://jekyllcn.com/docs/posts/)
# 進一步設定
- 設定自己的域名 - 給你的部落格加上評論功能 - 使用 Picgo 和 阿里雲 OSS 給部落格配置圖床
# 更多參考資料
- Jekyll:[歡迎 - Jekyll • 簡單靜態部落格網站生成器 (jekyllcn.com)](http://jekyllcn.com/docs/home/) - Github Pages:[GitHub Pages 文件 - GitHub Docs](https://docs.github.com/cn/pages) - 給你 Github Pages 加上評論功能:[Beaudar - 表達 (lipk.org)](https://beaudar.lipk.org/)
- 假定你會使用 Git 和 Github - 你懂一線前端的知識 - 你有一定的英語基礎
# 建立 Github 倉庫
1. 註冊 Github 賬號; 2. 建立一個名為`<username>.github.io`的倉庫,其中`<username>`換成你的使用者名稱; 3. 在倉庫的 Settings 裡面找到 Pages選項卡,點選 Change theme 按鈕,選擇主題; 4. 到此為止,你已經成功建立了靜態頁面,你可以訪問 <username>.github.io 來檢視你的部落格。
官方參考:[建立 GitHub Pages 站點 - GitHub Docs](https://docs.github.com/cn/pages/getting-started-with-github-pages/creating-a-github-pages-site)
# 設定部落格的主題
1. 在 Change theme 頁面,前往改主題的 github 倉庫,將整個倉庫的東西搬運到你部落格對應的倉庫裡; 2. 修改`_config.yml`檔案,配置你的網站。
# 如何使用 Jekyll 寫部落格
你只需要把你的文章放在`_posts`資料夾中,Github 會自動處理它。
官方參考:[撰寫部落格 - Jekyll • 簡單靜態部落格網站生成器 (jekyllcn.com)](http://jekyllcn.com/docs/posts/)
# 進一步設定
- 設定自己的域名 - 給你的部落格加上評論功能 - 使用 Picgo 和 阿里雲 OSS 給部落格配置圖床
# 更多參考資料
- Jekyll:[歡迎 - Jekyll • 簡單靜態部落格網站生成器 (jekyllcn.com)](http://jekyllcn.com/docs/home/) - Github Pages:[GitHub Pages 文件 - GitHub Docs](https://docs.github.com/cn/pages) - 給你 Github Pages 加上評論功能:[Beaudar - 表達 (lipk.org)](https://beaudar.lipk.org/)