[技術]善用 Github 的免費網頁服務 -- 專案等級

作者: neversay (子不語)   2014-07-26 15:23:34
圖文Step by Step 版:
http://neversaycoding.tumblr.com/post/92898972002/github
上一篇提到了在使用者或組織等級建立個人的網頁服務,但其實Github最早提供的
是專案等級的網頁服務(我沒記錯的話)。但因為設定步驟比起使用者等級的設定
更不直覺,所以獨立出一篇來談。
我個人覺得Github推出這個功能,不只是讓使用者多了一個存放網頁的手段,更是
讓原本不熟悉git與Github的人有了學習的動力,比較好跨過那如同聖母峰一樣高的
學習曲線。
當使用者要使用免費的網頁服務時,你必須至少創造一個你自己的專案,並且利用
git將檔案加入專案,並且push到Github。這本身就已經牽涉到許多git的基本指令,
還有Github專案的操作。
更別談之後每次檔案改動,使用者都得透過git的add/commit/push來更新以及上傳
檔案。多來個幾次使用者就能對整個git的操作有了最良好的練習。之後使用Github
操作更進階的參考檔案異動記錄,還有分支/合併等指令也有了接觸的機會。
好了,讓我們進入正題吧。Github的網頁服務除了上一篇提到的「創造特定專案」來
使用之外,其實任何的專案都能夠啟用網頁服務。整個流程其實與上一篇提到的大同
小異。
這次我們就來使用不需要git與指令模式,純粹透過Github就能更新檔案,並且打開網
頁服務的方法!
1.首先,在創造專案時,將「Initialize this repository with a README」勾選起
來,這樣當專案創造完成後,專案就會自動生成master分支,以及一個README.md檔。
你就不用透過git在你自己的電腦製造master分支的。
2.再來請按下「branch: master」這個下拉選單,並且在選單的文字區塊裡填上
「gh-pages」。讓Github啟動產生分支的功能選單。
3.下拉選單會出現一個選項「Create branch: gh-pages」,請按下它,這樣Github就
會幫你生成一個新的分支,名為gh-pages,並且以master分支當時的狀態為起始點。
4.等到gh-pages分支建立完成後。 請在頁面的右側找到「Settings」這個選項,按下
去進入該專案的設定頁面。
5.在設定頁面中找到「Default branch」這個下拉選單,並且選取gh-pages為預設分
支。然後回到專案頁面,你就會發現專案的「branch」下拉選單都是以gh-pages為主
了!
6.當以上流程做完後,使用者就擁有了一個啟動免費網頁空間的專案了!例如這個頁
面就是我的專案「pages-demo」的index.html頁面:
http://neversay.github.io/pages-demo/
****
這個流程中唯一不直覺的地方是需要創造一個叫做gh-pages的分支以開啟網頁伺服的
功能,而不是在設定網頁裡面勾選某個選項。姑且就當做Github希望大家來練習怎麼
做分支吧~
專案等級的網頁服務有個機巧的地方,就是如果你同時也有啟用使用者等級的網頁服
務,就有可能發生下列情況:
* 使用者等級的專案裡面有個目錄叫test。
* 他同時也擁有一個專案叫test,且開啟了網頁服務。
* 那存取他的/test/index.html網頁時,到底會讀到哪個網頁?
答案是使用者等級的test目錄底下的index.html檔案。
而不是test專案裡面的index.html!
所以,使用者必須非常小心這樣的情況,否則就會陷入無論怎麼更改專案內的檔案,
其他人看到的還是完全不相干的東西的情況,俗稱平行宇宙。
Happy coding day!

Links booklink

Contact Us: admin [ a t ] ucptt.com