GitHub Pages 托管項目主頁
GitHub Pages 托管項目主頁
一、背景講解
本篇文章主要介紹借助github配置好的博客平台(在此以我的博客[bluekuken.github.io]為例)實現在線訪問其他項目。Github Pages是一個由Github提供的用於托管項目主頁或者微博的服務,如果你不是很了解也沒關系,只要照着步驟完成設置,就可以實現這個逼格頗高的炫技了。(由於個人技術水平有限,某些地方可能寫得不好,還請各位看官多多支持)
二、詳細步驟
第一步
登錄github賬號並創建一個遠程倉庫(此處命名為bird),復制其ssh的url備用,也可以創建完成之后在獲取。
第二步
進入bird倉庫,選擇 setting 設置選項卡,滾動到頁面底部“GitHub Pages”部分,點擊“Lanuch automatic page generator”,如圖
第三步
進入到新頁面,滾動到底部,選擇“Continue to layouts”:
然后點擊“Publish page”完成設置。
至此,一個具備遠程訪問功能的倉庫就已經設置好了,可以通過網址進行訪問了。在瀏覽器里輸入網址:http://bluekuken.github.io/bird 即可訪問到這個倉庫的首頁。
里面顯示的是默認文件,我們需要做的是用自己的文件去替換這些文件,讓別人可以通過這個網址訪問到我們想要展示的項目。
第四步
本地創建映射倉庫:在本地創建一個文件夾(我創建了名為kk的文件夾)用於承載遠程倉庫的克隆體。在文件夾kk里面打開github命令窗口,輸入克隆命令(格式為:git clone + ssh的url):git clone git@github.com:bluekuken/bird.git;
命令執行完之后,本地文件夾kk目錄下會有一個遠程倉庫的克隆體,里面有一個固定文件夾.git和一些默認文件,就是之前我們通過http://bluekuken.github.io/bird訪問到的頁面。
第五步
刪除克隆倉庫里面除了.git文件夾以外的文件,上傳我們自己的文件,這里需要分步進行,先完成刪除環節,然后再進行上傳環節。刪除完克隆倉庫的目標文件之后,在此路徑下打開github命令窗口,執行以下命令:
- ==git add *==
把本地倉庫的文件上傳到緩存 - ==git commit -m ‘del’==
把第一步上傳到緩存的東西上傳的本地倉庫,其中的 ’del’是操作標識,內容隨便填,方便用戶查看 - ==git push origin gh-pages==
把本地倉庫的文件上傳到遠程倉庫,上傳東西到遠程倉庫,需要驗證密碼(注意,確保進入到克隆倉庫bird路徑下)。
至此,我們已經更新了遠程倉庫了,現在倉庫里面什么文件也沒有了,使用網址http://bluekuken.github.io/bird 已經訪問不到了。
第六步
現在往本地倉庫里面添加我們想要展示的文件。然后再一次執行上一步的三個命令:
- ==git add *==
- ==git commit -m ‘intinal’==
- ==git push origin gh-pages==
完成這一步之后,遠程倉庫的文件就已經完成更新了,可以通過網址來訪問我們想要展示的項目了。
疑問:
執行第五步的刪除舊文件與拷貝新文件能否合二為一,一步執行?
答:不可以。因為本地刪除並不能影響到遠程倉庫,如果只是把本地的文件刪除,然后直接把新文件復制進去,再更新遠程倉庫,則遠程倉庫那里除了新增的文件之外,舊文件依然存在。