使用GitHub和Gitee製作靜態部落格
阿新 • • 發佈：2021-10-10
本次的目標是使用GitHub和Gitee來製作一個靜態的部落格首頁
步驟：
建立倉庫
將倉庫設定為pages。
建立blog專案，上傳。
這裡我分成GitHub和Gitee兩個的詳細的步驟
這裡大同小異，我先寫Gitee是因為Gitee是國內的。所以網速沒有什麼問題。
Gitee
1.建立倉庫
這裡取名，建議使用 自己的名字，
因為最後網站域名的拼接情況是
http://xxx.gitee.io/輸入的路徑/
但是如果gitee裡面將路徑寫為自己的名字，就會訪問不帶二級目錄
詳情可以看使用幫助，我也在文末給了地址。
2.設定pages
然後就是申請了，我這裡已經申請過了。
3.使用
簡單來說，就是會將目錄下的index.html頁面作為pages。
我這裡先寫一個簡單的頁面作為演示
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>welcome to xxx blog</h1> </body> </html>
然後就是同步到Git上去，
點選pages
選擇分支和目錄，因為我這裡是把index.html放在主目錄裡面，所以就直接預設就行
然後點選啟動就行。
部署好的連結地址。
http://xxx.gitee.io/blog/
GitHub
1.建立倉庫
這裡的倉庫取名一般都是建議的 名字.github.io
因為在GitHub裡面，如果名字為 xxx.github.io 這樣建立pages時，不會生成二級目錄，直接訪問
http://xxx.github.io/ 就可以直接訪問
2.設定pages
這個也是和Gitee一樣，使用的是index.html頁面為基礎。所以我就不詳細展開，
這個的特點就是，不需要自己手動部署，你只需要裡面自帶了index.html頁面，然後
倉庫名字是xx.github.io，自己手動直接訪問https://tallgy.github.io/
這裡也有Gitee pages的使用幫助
https://gitee.com/help/articles/4136
後續我會使用hexo來一個簡單的搭建。
本文來自部落格園，作者：tallgy，轉載請註明原文連結：https://www.cnblogs.com/tallgy/p/15389371.html