展現github中的頁面（Github Pages）

1、建立一個倉庫，名爲"user_name.github.io"（此處user_name替換爲你本身的github用戶名），並在根目錄下建立index.html，則該倉庫下的全部html都可直接展現

例：

• 經過http://user_name.github.io/ 可直接展現"user_name.github.io"倉庫根目錄下的index.html
• 經過http://user_name.github.io/project1/ 可直接展現"user_name.github.io"倉庫根目錄下project1目錄中的index.html

詳細步驟見https://pages.github.com/

2、展現其餘倉庫（如: my-works）中的html

方式一：在my-works倉庫下直接新建分支，名爲"gh-pages"，該分支在首次新建時會自動複製master下的全部文件（但之後不會自動同步）
例：

• 經過http://user_name.github.io/my-works 可直接展現"my-works"倉庫根目錄下的index.html
• 經過http://user_name.github.io/my-works/page1/ 可直接展現該倉庫根目錄下page1目錄中的index.html

 

詳見http://www.jianshu.com/p/d1ae8f6bdcb8


方式二 √ ：在my-works的Settings中，默認的"Options"選項向下拉，找到GitHub Pages，將其中的Source由gh-pages branch改成master branch。訪問展現頁面方法同上。

 

 

3、搭建本身的博客

我用的是HEXO，詳見http://www.jianshu.com/p/465830080ea9

 

分類:  前端