1、訪問(wèn)github：https://github.com

成都創(chuàng)新互聯(lián)公司是一家專(zhuān)業(yè)提供荔波企業(yè)網(wǎng)站建設(shè),專(zhuān)注與做網(wǎng)站、網(wǎng)站設(shè)計(jì)、H5技術(shù)、小程序制作等業(yè)務(wù)。10年已為荔波眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)網(wǎng)站設(shè)計(jì)公司優(yōu)惠進(jìn)行中。

2、注冊(cè)GitHub賬號(hào)。

3、登陸GitHub。點(diǎn)擊“Sign in”進(jìn)入登陸界面，輸入賬號(hào)密碼登錄GitHub。

4、進(jìn)入GitHub后創(chuàng)建存儲(chǔ)庫(kù)（New repository）。

  1）點(diǎn)擊用戶名處的“＋”，在點(diǎn)擊“New repository”。

  2）創(chuàng)建Repository（存儲(chǔ)庫(kù)）。

推薦Repository name與用戶名一致，如：hgping918.github.com或hgping918.github.io；Description為描述支持中文；默認(rèn)選擇Public（Private需付費(fèi)）；勾選Initialize this...；點(diǎn)擊“Create repository”完成存儲(chǔ)庫(kù)創(chuàng)建。

  3）創(chuàng)建成功后界面顯示：

5、安裝git版本控制管理工具，其支持Mac OS X、Windows、Linux等。

   以windows版本為例，在google或百度搜索“github for windows”，進(jìn)行下載安裝。

  http://github-for-windows.en.softonic.com/

  1）雙擊“GitHubSetup.exe”。

  2）若是win7點(diǎn)擊“install”;若是win8則點(diǎn)擊“安裝”（GitHubSetup.exe根據(jù)本機(jī)操作系統(tǒng)顯示英文或中文）。

  3）安裝成功后會(huì)在桌面上生成“GitHub”、“Git Shell”。

6、登陸配置GitHub。

  1）點(diǎn)擊運(yùn)行“GitHub”，輸入剛剛注冊(cè)的GitHub賬號(hào)和密碼，點(diǎn)擊“Log in”，繼續(xù)點(diǎn)擊“Continue”。

  2）將GitHub上Repository克隆到本地；選擇本地相對(duì)應(yīng)的路徑。

7、創(chuàng)建簡(jiǎn)單Hello HTML作為項(xiàng)目。

  1）運(yùn)行RubyMine(使用其它IDE開(kāi)發(fā)工具也可以)，點(diǎn)擊File → Open... → 選項(xiàng)Repository克隆到本地的路徑 → ok。

  2）創(chuàng)建index.html、Gemfile、.gitignore、404.html等。

     注意：在gemfile添加gem jekyll，然后運(yùn)行bundle install；在.gitignore文件設(shè)置相應(yīng)路徑，不予某些不必要的文件上傳到github。Jekyll是一個(gè)靜態(tài)站點(diǎn)生成器，它會(huì)根據(jù)網(wǎng)頁(yè)源碼生成靜態(tài)文件。它提供了模板、變量、插件等功能，所以實(shí)際上可以用來(lái)編寫(xiě)整個(gè)網(wǎng)站。

  3）在項(xiàng)目路徑下運(yùn)行命令：jekyll server。

  4）訪問(wèn)本地的index.html頁(yè)面：http://本機(jī)IP:4000。

 8、使用GitHub將代碼sycn到github存儲(chǔ)庫(kù)中去，然后訪問(wèn)自己geihub。

  1）雙擊運(yùn)行“GitHub”。

  2）填寫(xiě)Summary和Description后點(diǎn)擊“Commit to master”。

  3）當(dāng)準(zhǔn)備就緒后點(diǎn)擊“Sync”。

 9、刷新github界面，查看Sycn上來(lái)的Hello HTML代碼。

10、使用http://hgping918.github.com或http://hgping918.github.io即可訪問(wèn)“Hello HTML”