之前寫(xiě)過(guò)一篇使用github發(fā)布axure原型供開(kāi)發(fā)與設(shè)計(jì)查看的文章,上一篇文章需要敲代碼咕娄,使用過(guò)程并不友好扼菠,最近發(fā)現(xiàn)使用github desktop發(fā)布原型不要太簡(jiǎn)單烛亦,熟悉之后,每次發(fā)布不會(huì)超過(guò)2分鐘唧垦。
一捅儒、基礎(chǔ)要求
1.需要一個(gè)github帳號(hào)
二、操作步驟
1.下載并安裝github desktop
2.登錄github帳號(hào)(官方使用說(shuō)明-英文版)
安裝軟件后振亮,點(diǎn)擊preferences打開(kāi)帳號(hào)登錄頁(yè)面巧还,有兩個(gè)選項(xiàng)個(gè)人用戶和企業(yè)用戶,選擇個(gè)人用戶坊秸,輸入帳號(hào)密碼登錄即可麸祷。
3.創(chuàng)建本地倉(cāng)庫(kù)文件夾
點(diǎn)擊“+”號(hào),創(chuàng)建github倉(cāng)庫(kù)(也是axure生成html的文件夾)褒搔。local path 選擇一次即可阶牍,輸入name,在local path文件夾下會(huì)自動(dòng)創(chuàng)建一個(gè)和name同名的文件夾星瘾。
點(diǎn)擊create respository走孽,創(chuàng)建本地倉(cāng)庫(kù)文件夾。創(chuàng)建完成后會(huì)other目錄下會(huì)有一個(gè)demo文件夾琳状。
4.將做好的axure生成網(wǎng)頁(yè)
axure生成在剛剛創(chuàng)建的目錄下磕瓷。github desktop也有了變化,已經(jīng)能看到文件夾
5.將本地網(wǎng)頁(yè)提交到github
summary里面寫(xiě)一下本次提交的簡(jiǎn)要內(nèi)容,然后點(diǎn)擊commit to master困食。
點(diǎn)擊右上角的publish边翁,將本地網(wǎng)頁(yè)發(fā)布到github上。
發(fā)布完成后demo文件夾的位置也改變了陷舅,意味著github網(wǎng)站也有對(duì)應(yīng)的倉(cāng)庫(kù)了倒彰。
6.開(kāi)啟倉(cāng)庫(kù)的Automatic page generator
選中倉(cāng)庫(kù),右鍵選擇在網(wǎng)頁(yè)上打開(kāi)莱睁,找到setting待讳,在setting里面開(kāi)啟倉(cāng)庫(kù)的Automatic page generator
setting頁(yè)面下拉,出現(xiàn)Automatic page generator設(shè)置
7.點(diǎn)擊launch Automatic page generator后仰剿,會(huì)有個(gè)New project site创淡,不做任何修改,直接下一步南吮。
8.點(diǎn)擊后是選擇模板樣式琳彩,不需要操作,直接點(diǎn)publish page
9.點(diǎn)擊publish page后部凑,回到代碼倉(cāng)庫(kù)頁(yè)面露乏,再次點(diǎn)擊setting頁(yè)面,找到原型地址涂邀。
注意:source一定要切換到master分支上瘟仿,選中后保存即可。
10.訪問(wèn)原型
直接點(diǎn)擊上圖的鏈接打開(kāi)后是github的模板頁(yè)面比勉,一般都能正常打開(kāi)劳较。
如果沒(méi)有打開(kāi),估計(jì)是axure生成的index.html沒(méi)有被github識(shí)別浩聋。鏈接后面加上start.html就可以打開(kāi)了观蜗,XXXX換成你的用戶名
完整鏈接是:https://XXXX.github.io/demo/start.html
11.更新原型
axure更新后重新生成html,文件夾不變衣洁,生成后墓捻,github desktop里面可以看到更新數(shù)據(jù),按新建的流程坊夫,填寫(xiě)一下summary毙替,再次點(diǎn)擊commit to master。提交完成践樱,選擇右上角的Sync同步數(shù)據(jù)厂画。同步完成,刷新原型網(wǎng)頁(yè)即可看到更新后的頁(yè)面拷邢。