使用Git 10分钟搞定Axure发布

之前写过一篇使用github发布axure原型供开发与设计查看的文章,上一篇文章需要敲代码,使用过程并不友好,最近发现使用github desktop发布原型不要太简单,熟悉之后,每次发布不会超过2分钟。

上一篇地址

一、基础要求

1.需要一个github帐号

二、操作步骤

1.下载并安装github desktop

下载地址mac/win都有

使用Git 10分钟搞定Axure发布_第1张图片

2.登录github帐号(官方使用说明-英文版)

安装软件后,点击preferences打开帐号登录页面,有两个选项个人用户和企业用户,选择个人用户,输入帐号密码登录即可。


使用Git 10分钟搞定Axure发布_第2张图片


使用Git 10分钟搞定Axure发布_第3张图片

3.创建本地仓库文件夹

点击“+”号,创建github仓库(也是axure生成html的文件夹)。local path 选择一次即可,输入name,在local path文件夹下会自动创建一个和name同名的文件夹。

点击create respository,创建本地仓库文件夹。创建完成后会other目录下会有一个demo文件夹。


使用Git 10分钟搞定Axure发布_第4张图片


使用Git 10分钟搞定Axure发布_第5张图片

4.将做好的axure生成网页

axure生成在刚刚创建的目录下。github desktop也有了变化,已经能看到文件夹

使用Git 10分钟搞定Axure发布_第6张图片


使用Git 10分钟搞定Axure发布_第7张图片

5.将本地网页提交到github

summary里面写一下本次提交的简要内容,然后点击commit to master。

使用Git 10分钟搞定Axure发布_第8张图片

点击右上角的publish,将本地网页发布到github上。

使用Git 10分钟搞定Axure发布_第9张图片
发布二次确认页面

发布完成后demo文件夹的位置也改变了,意味着github网站也有对应的仓库了。

使用Git 10分钟搞定Axure发布_第10张图片
发布完成

6.开启仓库的Automatic page generator

选中仓库,右键选择在网页上打开,找到setting,在setting里面开启仓库的Automatic page generator


使用Git 10分钟搞定Axure发布_第11张图片
使用Git 10分钟搞定Axure发布_第12张图片
设置页面

setting页面下拉,出现Automatic page generator设置

使用Git 10分钟搞定Axure发布_第13张图片
Automatic page generator

7.点击launch Automatic page generator后,会有个New project site,不做任何修改,直接下一步。

使用Git 10分钟搞定Axure发布_第14张图片

8.点击后是选择模板样式,不需要操作,直接点publish page

使用Git 10分钟搞定Axure发布_第15张图片


9.点击publish page后,回到代码仓库页面,再次点击setting页面,找到原型地址。

注意:source一定要切换到master分支上,选中后保存即可。

使用Git 10分钟搞定Axure发布_第16张图片

10.访问原型

直接点击上图的链接打开后是github的模板页面,一般都能正常打开。

如果没有打开,估计是axure生成的index.html没有被github识别。链接后面加上start.html就可以打开了,XXXX换成你的用户名

完整链接是:https://XXXX.github.io/demo/start.html


11.更新原型

axure更新后重新生成html,文件夹不变,生成后,github desktop里面可以看到更新数据,按新建的流程,填写一下summary,再次点击commit to master。提交完成,选择右上角的Sync同步数据。同步完成,刷新原型网页即可看到更新后的页面。


使用Git 10分钟搞定Axure发布_第17张图片

你可能感兴趣的:(使用Git 10分钟搞定Axure发布)