设计师如何通过GitHub创建演示地址?


最开始是怎么想到要用GitHub的呢,其实我是要做交互和动画的演示来的,但是演示的页面呢只能在公司的网络环境下使用,Hype啥的不是可以导出代码么,就想的能不能把代码存到哪儿然后通过某个连接打开,到时候就可以随时得瑟了呀~

再重复一遍要求,就要能打开页面演示就行,自动导出的代码也别想着维护啥的,都乱的(前端小伙儿说的)

  • 要先有html不然后面的步骤没法操作啊,我这儿用的就的Hype自动导出的html;
  • 导出的时候文件夹里面一定要有 index.html
  • 用Axure会自己导出index,Hype导出的文件名要写index才行,导出之后再将文件夹的名称改成项目名称。

注册

打开github.com,正常注册。

下载客户端

下载客户端

上传代码

1. 添加代码文件夹到客户端

Hype 或者其它可以导出 html 的动效软件导出的文件夹。


点击左上角的 ➕ ,用 Add 模式,** Choose** 选文件夹,确定。
第一次打开客户端里面有个First 项目,不用管或者删了没有影响。

添加完成的样子

2. 提交

Summary 里填点版本信息或关键字,再点击下面的 Commit to master 提交代码。
填完之后这一溜页面就合成了一个小卡。
Summary 其实是用来写版本说明之类的,我猜~

点击深灰色区域右上角的 Publish 发布 按钮。

GitHub的个人主页就有一个相同名称的项目了。

⚠️ Github 发布失败
原因:邮箱未验证,新浪邮箱可以收到验证邮件但是无法通过验证。
解决:开启 VPN 再验证一下

3. 创建演示页面

点粉色小圈里的 Add a new branch 创建分支按钮,名称输入 gh-pages
只能写 gh-pages,不能写其它的,固定格式就是这样。

点右上角的 Publish 一下。

然后在 GitHub.com 个人主页打开刚上传的项目,切换到 Settings 设置 标签。

往下翻会看到一条绿色提示,后面有个地址就是这个代码的演示地址啦。

如果没有出现这个地址,要检查一下分支的名称对不对,网站项目主页的 Code 标签下,Branch 里有没有 gt-pages 这支。

要是没有我目前的方法是删了重新按这个步骤走一下~

有了这个地址可以随时查看演示页面了。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,831评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,773评论 19 139
  • 1 曾经一次次描画过完美情人的样子 直到遇见不完美的你 我却觉得整个人生瞬间完美了 2 真心大冒险你让我说一个喜欢...
    张佳苑阅读 3,038评论 5 4
  • 我知道在很多情形下保持正派得体是很难的,但更糟的环境也是有的,即使几千年沧海桑田物是人非百物消遗,你自己的不变的那...
    0686fe25ca34阅读 2,801评论 0 0
  • 1 、textField官网API的描述如下: Make a single-line text field whe...
    上善若水jf阅读 8,371评论 0 0