本系列包括三部分：
- 搭建本地服務
- 發(fā)布到Github Pages
- 配置Github Action實現(xiàn)CI/CD
本篇為第二部分——將搭建好的本地博客托管到github。
本方案以第一篇Hugo搭建的博客為例，但不限于Hugo，所有的靜態(tài)網站都可以采用此方案。
需要準備的
- github賬戶
- 發(fā)布好的本地靜態(tài)網頁文件，根據(jù)上一篇 的結果，執(zhí)行
hugo命令后，會在public/目錄下生成整套靜態(tài)網站。
流程
根據(jù)官網,主要步驟大致如下：
- 創(chuàng)建一個GithubPages倉庫
- 將倉庫拉到本地
- 添加靜態(tài)網頁文件添加到本地倉庫
- 提交到github倉庫
動手干
第一步，創(chuàng)建GithubPages倉庫
新建一個public倉庫，并命名為username.github.io，其中username指github賬戶名。
GitHub Pages 項目需要符合 username.github.io 的特殊命名格式，如果倉庫名和賬戶名沒有完全匹配的話，網站就不能運行，所以一定要保證完全匹配。
image.png
第二步，將倉庫拉到本地
在你希望的目錄位置，用下面的命令將新建的遠程倉庫拉到本地。
git clone https://github.com/username/username.github.io
建議用github官方提供的客戶端來操作，主要是省去了維護登錄賬號的工作。
第三步，添加靜態(tài)網頁文件添加到本地倉庫
將hugo生成的public/目錄下所有文件，復制到本地倉庫，
cp -rf hugo項目/public/* xxx.github.io/
git add --all
git commit -m "Initial commit"
再次建議git操作使用github客戶端完成。
提交到github倉庫
git push -u origin main
待提交完成后，打開瀏覽器，訪問https://username.github.io，就能看到和本地hugo網頁一樣的效果了。
結論
基于這種方式的托管，可以在本地將寫好的md文章發(fā)布到public/目錄下，再推到遠程倉庫，實現(xiàn)比較簡單的網頁更新。
參考文章
- 《用 GitHub Pages 建個人網站的小白級教程》，https://zhuanlan.zhihu.com/p/58254227
- 《GitHub Pages | Websites for you and your projects》，https://pages.github.com/
- 《使用 Hugo 搭建個人網站（博客、個人主頁）并發(fā)布到 Github 上》，https://zhuanlan.zhihu.com/p/417259374
image.png
本作品由 IvyWooo 采用知識共享署名-非商業(yè)性使用-相同方式共享 4.0 國際許可協(xié)議 進行許可，轉載請注明出處。
本文鏈接
