Node快閃：五分鐘建立一個免費的github頁面

因為http://github.com/facebook/react的repo裡面有一個叫 gh-pages的branch，在這個branch下，只要你有一個index.html，github就會自動給你建立一個鏈接，比如你的用戶名是xiaoming，你有一個repo名字叫awesome-lib，在設置好 gh-pages 下的 index.html 以後，你的 index.html 就會被鏈接到：

xiaoming.github.io/awesome-libn

對於npm模塊項目，強烈推薦 gh-pages 這個npm模塊，它可以把你的項目裡面任意一個目錄自動push到gh-pages這個branch。首先安裝它：

$ npm install --save-dev gh-pagesn

你可以專門設置一個 /page 目錄，裡面存放所有需要的index.html和JS, CSS文件；

awesome-libn|--package.jsonn|--srcn|--distn|--pagesn |--index.htmln |--page.js...n

然後，你可以設置一個npm script（我之前的專欄文章有介紹）：

"gh": "gh-pages pages"n

然後運行

$ npm run ghn

然後查看你的github repo，你就會發現多了一個gh-pages branch，裡面的內容剛好就是pages目錄。

用瀏覽器打開

<your-username>.github.io/<your-repo-name> n

你就看見你的網頁了！

當然，你可以做更加複雜的操作，比如根據你項目的源代碼，自動生成 pages/index.html 的內容，等等。