如何利用Github Pages搭建自己的HTML頁面象踊?

利用Github 可以免費搭建個人的靜態(tài)頁面,本文中只針對有使用過Github,Git的基礎朋友學習使用

創(chuàng)建repo

  • 登錄到Github上梯嗽,新建一個repo,命名為test沽损,勾選 initialize this repository with a README灯节,點擊create repository。
  • 打開settings绵估,有一個Github Pages 的設置炎疆,點擊Launch automatic page generator(啟動自動頁面生成器)。
  • 點擊頁面最后的continue to layouts国裳,然后就可以進入設置你的頁面主題形入,你會說這不是我的網頁呀,別急嘛缝左,先選擇一個主題亿遂,點擊 publish pages浓若。

這個時候就可以訪問剛才創(chuàng)建的模板網頁了,網址在setting 頁面即可顯示出來

Git上傳我們的HTML文件

  • 輸入命令:mkdir test,用來在 f 盤創(chuàng)建 test 文件放你的github上的test repository
  • 輸入:git clone https://github.com/xxx/test.git 蛇数,克隆test repository到 test 文件中挪钓。
  • 輸入以下命令,為了在本地新建一個gh-pages分支苞慢,而這個分支是遠程分支origin/gh-pages的鏡像诵原,也就是我們可以在本地的gh-pages看到github上的gh-pages的內容。
903320-20160305145815252-344194499.png
  • 執(zhí)行如下命令挽放,刪除原有的gh-pages文件绍赛,并提交(commit)本次修改。
903320-20160305150641830-12563151.png
  • 將自己的網頁文件復制粘貼至 f 盤的 test 文件中
  • 輸入如下命令辑畦,為了本地gh-pages中的網頁文件同步到遠程的gh-pages中吗蚌。
903320-20160305151516534-175124906.png
903320-20160305151717159-2121860532.png
  • 最后一步:打開瀏覽器輸入給你的網址加上 test.html,然后重重的按下回車纯出。

附錄一:常用git命令

$ git clone //本地如果無遠程代碼蚯妇,先做這步,不然就忽略
$ cd //定位到你blog的目錄下
$ git status //查看本地自己修改了多少文件
$ git add . //添加遠程不存在的git文件
$ git commit -m "what I want told to someone" //提交修改
$ git push //更新到遠程服務器上
$ git rm //移除文件

附錄二:如何修改你的網頁

  • 在github上的gh-pages分支中直接進行修改暂筝。(如果不添加新的文件推薦此法)
  • 在github客戶端進行修改在同步箩言。(如果添加了新的文集推薦此法)
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市焕襟,隨后出現的幾起案子陨收,更是在濱河造成了極大的恐慌,老刑警劉巖鸵赖,帶你破解...
    沈念sama閱讀 218,858評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件务漩,死亡現場離奇詭異,居然都是意外死亡它褪,警方通過查閱死者的電腦和手機饵骨,發(fā)現死者居然都...
    沈念sama閱讀 93,372評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來居触,“玉大人,你說我怎么就攤上這事老赤。” “怎么了?”我有些...
    開封第一講書人閱讀 165,282評論 0 356
  • 文/不壞的土叔 我叫張陵息堂,是天一觀的道長嚷狞。 經常有香客問我块促,道長,這世上最難降的妖魔是什么竭翠? 我笑而不...
    開封第一講書人閱讀 58,842評論 1 295
  • 正文 為了忘掉前任薇搁,我火速辦了婚禮斋扰,結果婚禮上,老公的妹妹穿的比我還像新娘啃洋。我一直安慰自己传货,他們只是感情好,可當我...
    茶點故事閱讀 67,857評論 6 392
  • 文/花漫 我一把揭開白布宏娄。 她就那樣靜靜地躺著,像睡著了一般孵坚。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上巍杈,一...
    開封第一講書人閱讀 51,679評論 1 305
  • 那天扛伍,我揣著相機與錄音,去河邊找鬼蜒秤。 笑死汁咏,一個胖子當著我的面吹牛作媚,可吹牛的內容都是我干的。 我是一名探鬼主播纸泡,決...
    沈念sama閱讀 40,406評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼女揭,長吁一口氣:“原來是場噩夢啊……” “哼蚤假!你這毒婦竟也來了吧兔?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,311評論 0 276
  • 序言:老撾萬榮一對情侶失蹤灶平,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后逢享,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 45,767評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡弓柱,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了矢空。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,090評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡妇多,死狀恐怖燕侠,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情绢彤,我是刑警寧澤,帶...
    沈念sama閱讀 35,785評論 5 346
  • 正文 年R本政府宣布械巡,位于F島的核電站,受9級特大地震影響讥耗,放射性物質發(fā)生泄漏疹启。R本人自食惡果不足惜古程,卻給世界環(huán)境...
    茶點故事閱讀 41,420評論 3 331
  • 文/蒙蒙 一挣磨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧茁裙,春花似錦、人聲如沸晤锥。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春册烈,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背赏僧。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評論 1 271
  • 我被黑心中介騙來泰國打工淀零, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留挽绩,地道東北人驾中。 一個月前我還...
    沈念sama閱讀 48,298評論 3 372
  • 正文 我出身青樓,卻偏偏與公主長得像唠亚,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子灶搜,可洞房花燭夜當晚...
    茶點故事閱讀 45,033評論 2 355

推薦閱讀更多精彩內容