如果你想找一個(gè)團(tuán)隊(duì)共享axure的文件，axure share太慢，而你又去看了mockups、pm大牛這一類半吊子不靠譜，那你可以試試你們團(tuán)隊(duì)都喜歡的github，git是版本控制器，hub是一個(gè)倉(cāng)庫(kù)，github就是一個(gè)托管管理我們code版本的平臺(tái)。這次我們用的是github的pages服務(wù)，簡(jiǎn)單對(duì)我們來(lái)說(shuō)作用就是可以查看Axure生成的html文件的。看了以下這個(gè)Axure共享，相信你會(huì)更了解程序同學(xué)是怎么搬磚的。全過(guò)程其實(shí)很簡(jiǎn)單。

其實(shí)只要4步就可以實(shí)現(xiàn)了

使用github pages共享Axure生成的html文件，我們可以做到以下幾點(diǎn)：

1. 給團(tuán)隊(duì)隨時(shí)在web或者手機(jī)查看原型文件（手機(jī)原型可以按分辨率設(shè)置）；
2. 團(tuán)隊(duì)不用裝Axure插件就可以查看；
3. 快捷更新Axure原型到固定網(wǎng)址，進(jìn)行版本更新，團(tuán)隊(duì)打開(kāi)原來(lái)的網(wǎng)址就可以看到最新修改過(guò)的原型；
4. 文件放在云上，隨時(shí)下拉修改，甚至回滾版本；

以下是實(shí)現(xiàn)方法：

1.第一步：前往注冊(cè)github。不懂英文的右擊翻譯網(wǎng)站(chrome)

注冊(cè)github

選擇免費(fèi)版

隨便選或跳過(guò)

選擇開(kāi)始項(xiàng)目

確認(rèn)郵件地址，前往你的郵件找到github發(fā)來(lái)的郵件，點(diǎn)擊確認(rèn)就行

創(chuàng)建項(xiàng)目名稱和概述

填寫項(xiàng)目名稱不要亂填（萬(wàn)一亂填了，沒(méi)關(guān)系后面可以改），因?yàn)檫@個(gè)名是到時(shí)我們分享axure文件的結(jié)尾地址。也不要寫中文，特殊符號(hào)，不識(shí)別~，空格會(huì)轉(zhuǎn)成“-”。
選擇public。

點(diǎn)擊下載桌面端，支持mac和windows

要是外網(wǎng)慢，可以點(diǎn)這個(gè)百度網(wǎng)盤地下，官網(wǎng)有下的情況，別隨便去其它第三方平臺(tái)下。

在下載安裝完之后，我們?cè)谧烂娲蜷_(kāi)github，sign into the github用同一賬號(hào)密碼登陸桌面端。

github還沒(méi)有項(xiàng)目的界面

這時(shí)候先不管桌面端，我們先回到瀏覽器在github下載的頁(yè)面點(diǎn)返回，回到項(xiàng)目的界面，再點(diǎn)一次set up in desktop,彈出圣誕框選打開(kāi)，自然會(huì)彈出桌面端，把項(xiàng)目克隆到本地，local path 可以隨便正常放項(xiàng)目的地址，這個(gè)是一會(huì)要放Axure生成的html文件的。

本地同步

點(diǎn)擊clone后，初始化基本就OK了，完成50%

初始化基本OK了

這時(shí)候我們?nèi)xure生成個(gè)文件，或者把我們之前做好的axure生成的html文件放到剛剛選擇的本地文件夾！

Axure按F8發(fā)布，填寫的地址不要錯(cuò)了

生成html文件后，我們?cè)俜祷貋?lái)看github的changes多了157的changed files！按步驟填寫一下本次版本的更新內(nèi)容，提交至master分支！這個(gè)master分支其實(shí)下面可以建很多不同的分支，方便大家協(xié)作，公司的做的項(xiàng)目都這樣的。

選擇setting

提交到master分支后，再點(diǎn)publish branch.把內(nèi)容發(fā)布到github上。

發(fā)布更新到github

但是現(xiàn)在還沒(méi)好哦，我們還得回來(lái)到瀏覽器github里面的選擇我們的項(xiàng)目，再點(diǎn)setting，這時(shí)候是可以改名的rename，但重點(diǎn)不是這個(gè)，重點(diǎn)是還要一直往下滑動(dòng)到下面的pages服務(wù)，終于到達(dá)敵方水晶了！

image.png

選擇master分支，點(diǎn)擊save

終于我們得到發(fā)布后的地址了， https://lveaze1.github.io/pminsight/.

選擇master branch

大功告成！但是遇到修改呢，點(diǎn)擊打開(kāi)就可以看到原型了。這次業(yè)務(wù)方要求一個(gè)五彩斑斕的黑色！怎么辦？！我們?cè)賮?lái)一遍！修改了保持地址不變，確定就好！

V2.0 hello world

再返回github，我們會(huì)發(fā)現(xiàn)多了一些更新，同樣我們點(diǎn)提交點(diǎn)可以了。

更新

我們?cè)冱c(diǎn)開(kāi)原地址https://lveaze1.github.io/pminsight，修改好了查看可以看到效果，沒(méi)有變黑是不是？清一下瀏覽器緩存！

手機(jī)APP拓展：因?yàn)槭謾C(jī)的瀏覽器也是可以打開(kāi)html的文件，所以只要按手機(jī)分辨率生成html文件，只要用手機(jī)瀏覽器全屏打開(kāi)，記得把左邊的菜單隱藏，就和APP差不多了。

調(diào)整比例，隱藏左側(cè)菜單，全屏打開(kāi)

最后一個(gè)問(wèn)題，攻城獅同學(xué)說(shuō)打開(kāi)太慢，怎么辦？其實(shí)他就有方法，把原型托管到我們自己的服務(wù)器上就可以了~！github是國(guó)外的。相關(guān)配置，找他們就對(duì)了！

ok_{!剩下的就好好和團(tuán)隊(duì)的小伙伴好好做朋友吧}！