看板 Soft_Job 關於我們 聯絡資訊
圖文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! -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 50.156.87.148 ※ 文章網址: http://www.ptt.cc/bbs/Soft_Job/M.1406359419.A.C7B.html