GitHub上搭建我的網站

大體以下步驟：

一、註冊Git帳號

二、建立SSH keys

三、新建repository

---

四、設置網站

五、clone庫到本地

六、提交、上傳

七、預覽

本教程默認你瞭解GitHub的基礎之上 會使用基本命令，若是不瞭解 前三步可參考文章：

GitHub入門教程   GitHub建立SSH Keys

1、新建repository(倉庫),以下

填寫名稱,描述信息 其餘默認 而後提交便可。

2、設置網站

Create以後跳轉新頁面,點擊右方Settings設置

在Options選項卡中咱們找到GitHub Pages點擊"Automatic page generator"

咱們看到跳轉的頁面:

Project name:網站標題

Tagline：網站副標題

Body：網頁源碼

Google Analytics Tracking ID：搜索引擎抓取關鍵字

以上這些咱們均可以自定義,暫默認便可。

填完後,點擊"Continue to Layouts" 選擇本身的博客主題

而後點擊"Publish page"成功以後回到項目頁面能夠看到自動生成的一些文件

接下來咱們就能夠在瀏覽器中輸入http://itmyline.github.io/blog來預覽一下

itmyline:用戶名, blog:項目名

提示：404錯誤。稍等10分鐘

PS:等了漫長的十分鐘,刷新頁面 咱們blob的主頁面就顯示出來了。

(若是一直顯示404,就要檢查你是否驗證郵箱了,若是沒有,到你帳戶去進行驗證)

可這個主頁的內容和樣式都不是咱們想要的,如何破。咱們能夠上傳咱們本身的項目

下面以一個簡單的Bootstrap網站模板爲例...

3、clone(克隆)代碼、修改

在任意盤根目錄下(本例爲D盤)把代碼clone下來

$ git clone git@github.com:itmyline/blog.git

而後在D盤咱們就會看到clone下來的代碼

接下來把咱們要上傳的文件複製到此目錄下

本例中新增了css、js文件夾及覆蓋index.html

4、提交、上傳

進入D\blog目錄,右鍵Git Bash 打開命令行

$ git branch
* gh-pages

查看當前分支爲gh-pages

接下來：

$ git add .
$ git commit -m "blog"
$ git remote add origin git@github.com:itmyline/blog.git
$ git push -u origin gh-pages

進入GitHub查看 咱們新增的文件都出來了。

瀏覽器輸入地址http://itmyline.github.io/blog/ 便可預覽咱們搭建的網站。

OK，大功告成！

做者：itmyhome

出處：http://blog.csdn.net/itmyhome1990/article/details/39697659