之前写过一篇使用github发布axure原型供开发与设计查看的文章,上一篇文章需要敲代码,使用过程并不友好,最近发现使用github desktop发布原型不要太简单,熟悉之后,每次发布不会超过2分钟。
一、基础要求
1.需要一个github帐号
二、操作步骤
1.下载并安装github desktop
2.登录github帐号(官方使用说明-英文版)
安装软件后,点击preferences打开帐号登录页面,有两个选项个人用户和企业用户,选择个人用户,输入帐号密码登录即可。
3.创建本地仓库文件夹
点击“+”号,创建github仓库(也是axure生成html的文件夹)。local path 选择一次即可,输入name,在local path文件夹下会自动创建一个和name同名的文件夹。
点击create respository,创建本地仓库文件夹。创建完成后会other目录下会有一个demo文件夹。
4.将做好的axure生成网页
axure生成在刚刚创建的目录下。github desktop也有了变化,已经能看到文件夹
5.将本地网页提交到github
summary里面写一下本次提交的简要内容,然后点击commit to master。
点击右上角的publish,将本地网页发布到github上。
发布二次确认页面发布完成后demo文件夹的位置也改变了,意味着github网站也有对应的仓库了。
发布完成6.开启仓库的Automatic page generator
选中仓库,右键选择在网页上打开,找到setting,在setting里面开启仓库的Automatic page generator
setting页面下拉,出现Automatic page generator设置
Automatic page generator7.点击launch Automatic page generator后,会有个New project site,不做任何修改,直接下一步。
8.点击后是选择模板样式,不需要操作,直接点publish page
9.点击publish page后,回到代码仓库页面,再次点击setting页面,找到原型地址。
注意:source一定要切换到master分支上,选中后保存即可。
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同步数据。同步完成,刷新原型网页即可看到更新后的页面。
网友评论