最開始是怎么想到要用GitHub的呢切厘,其實我是要做交互和動畫的演示來的,但是演示的頁面呢只能在公司的網(wǎng)絡(luò)環(huán)境下使用懊缺,Hype啥的不是可以導(dǎo)出代碼么疫稿,就想的能不能把代碼存到哪兒然后通過某個連接打開,到時候就可以隨時得瑟了呀~
再重復(fù)一遍要求鹃两,就要能打開頁面演示就行遗座,自動導(dǎo)出的代碼也別想著維護(hù)啥的,都亂的(前端小伙兒說的)
- 要先有html不然后面的步驟沒法操作啊俊扳,我這兒用的就的Hype自動導(dǎo)出的html途蒋;
- 導(dǎo)出的時候文件夾里面一定要有 index.html;
- 用Axure會自己導(dǎo)出index馋记,Hype導(dǎo)出的文件名要寫index才行号坡,導(dǎo)出之后再將文件夾的名稱改成項目名稱懊烤。
注冊
打開github.com,正常注冊宽堆。
下載客戶端
上傳代碼
1. 添加代碼文件夾到客戶端
Hype 或者其它可以導(dǎo)出 html 的動效軟件導(dǎo)出的文件夾腌紧。
點擊左上角的 ? ,用 Add 模式畜隶,** Choose** 選文件夾壁肋,確定。
第一次打開客戶端里面有個First 項目籽慢,不用管或者刪了沒有影響浸遗。
2. 提交
在 Summary 里填點版本信息或關(guān)鍵字,再點擊下面的 Commit to master 提交代碼箱亿。
填完之后這一溜頁面就合成了一個小卡乙帮。
Summary 其實是用來寫版本說明之類的,我猜~
點擊深灰色區(qū)域右上角的 Publish 發(fā)布 按鈕极景。
GitHub的個人主頁就有一個相同名稱的項目了察净。
?? Github 發(fā)布失敗
原因:郵箱未驗證,新浪郵箱可以收到驗證郵件但是無法通過驗證盼樟。
解決:開啟 VPN 再驗證一下
3. 創(chuàng)建演示頁面
點粉色小圈里的 Add a new branch 創(chuàng)建分支按鈕氢卡,名稱輸入 gh-pages。
只能寫 gh-pages晨缴,不能寫其它的译秦,固定格式就是這樣。
點右上角的 Publish 一下击碗。
然后在 GitHub.com 個人主頁打開剛上傳的項目筑悴,切換到 Settings 設(shè)置 標(biāo)簽。
往下翻會看到一條綠色提示稍途,后面有個地址就是這個代碼的演示地址啦阁吝。
如果沒有出現(xiàn)這個地址,要檢查一下分支的名稱對不對械拍,網(wǎng)站項目主頁的 Code 標(biāo)簽下突勇,Branch 里有沒有 gt-pages 這支。
要是沒有我目前的方法是刪了重新按這個步驟走一下~
有了這個地址可以隨時查看演示頁面了坷虑。