如何用github发布Axure原型
一、基础要求
1.需要一个github帐号
2.本地已安装git
3.会最简单的git操作。
如果不会请参考:
廖学峰大神的课程,从创建帐号,到同步数据应有尽有,无需全部看完,只需看基础操作即可以。
二、第一次上传
1.本地新建axure文件demo,然后点击菜单栏“发布-在HTML文件中重新生成当前页面”生成html,保存到一个指定的demo文件夹中(建议英文路径)
2.登录github账户(https://github.com/yyshyd/test)新建一个respository
3.回到自己电脑,创建本地版本库
3.1通过终端切换到之前生成原型的指定文件夹目录下,yourfile换成你自己的路径
$cd /Users/yourfile/demo
3.2初始化git仓库,通过git init 命令创建版本
$ git init
3.3将文件夹内所有文件添加到版本库中,廖学峰的例子中是添加单个,命令git add xxx.txt,添加文件夹下面所有文件,是git add .
$ git add .
3.4用git commit命令提交文件,xxxx是写本次提交的说明
$ git commit -m "my frist axure demo."
4.将本地的git仓库与远程的仓库关联
在本地demo文件夹下运行命令,本命令中,origin后面的代码就是在github生成demo仓库后,截图中红框里面的,复制替换掉就可以。
$ git remote add origin https://yshyd.github.io/test/
已经关联完毕后,把本地库的所有内容推送到远程库上
$ git push -u origin master
到此,同步完成,刷新一下demo仓库页面,已经有文件出现了
5.继续在本页面,到setting里面,
在云端仓库,点击setting,在Options选显卡下找到GitHub Pages,点击none下拉,选择master branch,自动保存后,再到GitHub Pages处,就可以看到该原型地址了。
10.访问原型
直接点击上图的链接打开后是github的模板页面,一般都能正常打开。
如果没有打开,估计是axure生成的index.html没有被github识别。链接后面加上start.html就可以打开了,XXXX换成你的用户名
完整链接是:https://XXXX.github.io/demo/start.html
git常见错误总结
https://segmentfault.com/a/1190000004317077?_ea=567391