如何用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