用 GitHub 來部署靜態網頁
原文 http://segmentfault.com/a/1190000002765287
在嘗試過用 GitHub 部署靜態 HTML 網頁后，覺得其實挺容易的，這里簡單說說如何用 GitHub 來完成部署。
1.首先我新建了一個版本庫作為 demo，然后點擊settings
2.選擇 GitHub Pages 的Automatic page generator
3.這里填一些基本信息，也可以默認
4.這里的google分析可以不填，我們先把咱們的頁面跑起來，點擊Continue to layouts
5.這里github給你提供了一些模板，這里我選了第一個模板，點擊Publish page
6.發布成功，這里是我們的代碼
7.點擊settings，訪問剛剛發布的靜態頁面鏈接
8.成功看到剛剛我們選擇的模板
9.自定義你的頁面，我把它的模板也刪了，自己寫了簡單index.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>html5</title>
<style type="text/css">
.theme{
display: block;
width: 200px;
font-size: 30px;
margin: 100px auto;
}
</style>
</head>
<body>
<div class="theme">
Hello, world.
</div>
</body>
</html>10.add -> commit -> push
這里要注意一下，我是直接新建的庫，然后發布的，所以，沒有master分支，只有gh-pages分支，github只會將你的gh-pages分支部署上去，不會動你的其他分支的東西。所以，我們要將改動提交到gh-pages分支上，再push。
qianjiahaodeMacBook-Pro:HowToDeployHTML qianjiahao$ git branch * gh-pages qianjiahaodeMacBook-Pro:HowToDeployHTML qianjiahao$ git commit -a -m "first commit" [gh-pages cc8c864] first commit 1 file changed, 23 insertions(+), 65 deletions(-) rewrite index.html (98%) qianjiahaodeMacBook-Pro:HowToDeployHTML qianjiahao$ git push origin gh-pages Counting objects: 3, done. Delta compression using up to 4 threads. Compressing objects: 100% (3/3), done. Writing objects: 100% (3/3), 523 bytes | 0 bytes/s, done. Total 3 (delta 0), reused 0 (delta 0) To git@github.com:qianjiahao/HowToDeployHTML.git 3d6ebe7..cc8c864 gh-pages -> gh-pages
11.提交成功，我們看看咱們的網頁，熟悉的Hello,world
12.到此為止，差不多講完了，這個是 demo的地址
13.再說點，它幫我們生成的目錄結構其實不太好，咱們可以自己定義自己的目錄結構，之前的一個 項目 目錄結構是這樣的
14.要注意的是：
它會認準你的index.html頁面，當做初始界面，我試過將它的index.html放入我的目錄結構中，后來我部署發布后，github又 自動給我生成了一個index.html頁面，這個問題當時沒有發現，導致出現了更新無效等奇葩的情況，疑惑了半天。還有params.json這個配置 文件要留著，它會配置github給你生成的模板信息。
15.如果是將已有的（靜態）項目部署上線，建議自己修改目錄結構，改改更健康??????
16.github推薦使用 google analytics ，在登錄之后點擊管理的跟蹤信息，會看到它給你提供的id和code，把code粘貼到你的代碼里，就可以了
17.它會幫你自動的做分析和統計
