特別申明:用此方法只能搭建包含html+css+js的靜態(tài)網(wǎng)頁;
你需要擁有下列條件才能使用此方法:
(此項(xiàng)內(nèi)部問題請(qǐng)自行度娘)
1.你需要擁有一個(gè)GitHub賬號(hào);
2.你需要安裝git程序;
3.你需要掌握基本的電腦以及網(wǎng)頁編輯相關(guān)知識(shí);
下面只是簡(jiǎn)略列出快速搭建網(wǎng)頁的步驟(該步驟為windows系統(tǒng)下方法)
(重要)建立項(xiàng)目主頁步驟:
1.打開How people build software · GitHub (官網(wǎng)),登錄;
2.點(diǎn)擊右上角“+”,新建一個(gè)repository(倉庫);
??? a.填寫"repository name"倉庫名(必需)和"Description"描述(可選);
??? b.類型默認(rèn)選擇為public.(此處無需更改,private為私人類型需要花錢購買該項(xiàng)服務(wù));
??? c.勾選項(xiàng)"Intialize this repository with a Readme"為初始化(可選);
??? d.點(diǎn)擊"Create repository"按鈕;
3.創(chuàng)建用于頁面展示的gh-pages分支;
??? a.點(diǎn)擊"settings";
??? b.在options下右側(cè)顯示內(nèi)容拉至下部找到GitHub Pages欄;
??? c.點(diǎn)擊"Automatic page generator"按鈕跳轉(zhuǎn)到編輯頁面;
??? d.在接下來的操作中基本都不用管,一路點(diǎn)綠色按鈕直到點(diǎn)擊"publish page"按鈕結(jié)束;
??? e.此時(shí)已創(chuàng)建完用于展示的默認(rèn)頁面;
4.克隆倉庫到本地并在本地將你需要展示的內(nèi)容文件上傳到gh-pages分支;
??? a.在你本地用來安放倉庫的目錄下右鍵選擇"git bash here"會(huì)彈出git命令窗口;
??? b.在命令窗口中輸入 "git clone https://github.com/用戶名/倉庫名" 從遠(yuǎn)程庫中克隆到本地生成對(duì)應(yīng)的倉庫名文件夾;
??? c.雙擊(倉庫名)文件夾;
??? d.在命令窗口中輸入 "git checkout -b gh-pages origin/gh-pages" 在本地新建一個(gè)由遠(yuǎn)程"orgin/gh-pages"分支下面分化出來的"gh-pages"(暫時(shí)不懂也無所謂,執(zhí)行這句就行);
??? e.然后輸入命令 "git rm -rf ."刪除當(dāng)前倉庫目錄下的所有(步驟2中創(chuàng)建分支時(shí)系統(tǒng)默認(rèn)生成的)文件;
??? f.直接在此處編輯你用來展示頁面的文件或者將你需要用來展示頁面的文件放到此目錄下;
??? g.在命令窗口中輸入 "git add ."緩存當(dāng)前目錄下的所有文件['.'代表全部,如果只是修改/更新請(qǐng)將'.'換成需要更改的文件(夾)名];
??? h.在命令窗口中輸入 "git commit -m '注釋內(nèi)容' "? 提交文件到當(dāng)前倉庫;
??? i.在命令窗口中輸入 "git push origin gh-pages"? 推送文件到遠(yuǎn)程倉庫(此處最后需要你輸入你的用戶名和密碼);
另外,如果已經(jīng)完成過上面步驟,但是后面想修改前面的文件內(nèi)容時(shí):
按順序執(zhí)行第3步中的"c"、"a"、"g"、"h"、"i"即可;
至此,項(xiàng)目頁面展示完成,通過"http://用戶名.github.io/項(xiàng)目名"即可展示你的頁面了。
(注意:上述步驟中輸入命令時(shí),只需輸入雙引號(hào)內(nèi)的內(nèi)容。)
最后補(bǔ)充你可能需要的鏈接地址
下載git,請(qǐng)點(diǎn)擊官方地址官方下載地址(請(qǐng)選擇對(duì)應(yīng)的版本)?;
如需了解更多有關(guān)git的相關(guān)知識(shí)請(qǐng)點(diǎn)擊Pro Git 簡(jiǎn)體中文版?
此處內(nèi)容有必要了解一下(選修)
該處的內(nèi)容摘要自:單個(gè)GitHub帳號(hào)下添加多個(gè)GitHub Pages的相關(guān)問題 - 我很好奇 - SegmentFault
1.個(gè)人主頁必須要和用戶的GitHub帳號(hào)同名,所以每個(gè)用戶有且只能有一個(gè)repo作為個(gè)人主頁,且必須是<用戶名/用戶名.github.io> 的形式;而項(xiàng)目主頁的命名則沒有這種限制,且數(shù)量有任意多個(gè);
2.不考慮綁定的自定義域名的前提下,個(gè)人主頁的GitHub二級(jí)域名為<用戶名.github.io> ;項(xiàng)目主頁的GitHub二級(jí)域名為<用戶名.github.io/項(xiàng)目名>,沒有<項(xiàng)目名.用戶名.github.io> 這種方式;
3.個(gè)人主頁的展示內(nèi)容以 master 分支里的文件為準(zhǔn);而項(xiàng)目主頁的展示內(nèi)容以 gh-pages 分支內(nèi)的文件為準(zhǔn);