作为产品经理,如何优雅的管理原型文件?

547 阅读2分钟

作为产品经理,其中一项最重要的工作就是“原型设计”,在做好原型之后,我们经常需要把我们给团体其他成员查看。为了更方便的将原型分享出来,我就很喜欢把原型发布在云端,最后生成一个链接,将连接地址分享出去就可以了。目前在用的是Axure提供的cloud储存服务,可以一键将原型文件发布到线上。

可能很多朋友还没有使用到这个服务,如今市面上很多的原型托管平台也都是需要付费才能使用全部功能。那么,有没有“免费”的原型托管方案呢。

最近使用了一下如何使用GitHub Pages托管个人网站,然后就在思考能否把原型直接托管在GitHub上呢?这样就省去了服务器成本,但是这样的托管方式是公开的任何人都可以访问到,对保密性有需要的产品就不适合了。

下面给大家详细说一下,如何使用GitHub托管原型。

第一步、首先需要注册一个GitHub账号,没有账号的自行注册。

第二步、注册完成后,点击New repository新建一个仓库。Name(仓库名)必须是:Username.github.io,username就是你注册账号的用户名。

preview

第三步、上传你的HTML原型文件,(在上传之前需要将你的Axure文件导出HTML格式)

第四步、大功告成,打开浏览器,输入Username.github.io,即可访问你的原型页面了。默认访问文件就是index.html

我已经用GitHub做了一个静态网站,可以访问pmtodo.cn 查看我的网站

如果你还没学会,可以关注我的微信公众账号“appup”来给我留言。

如果想要托管更多的原型怎么办?

可以在Username.github.io这个仓库中,新建文件夹,存放不同的原型文件。当你需要访问其他文件时,只要访问这个地址“Username.github.io/文件夹/文件名”。

网络太慢有没有办法解决呢?

可以通过jsDelivr引用资源加速你的网站

使用方法:cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径

例如:

https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@1.0/images/trhx.png
https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.0.1/css/style.css  
https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.3//The%20Pet%20Girl%20of%20Sakurasou.mp4

注意:版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源,除此之外还可以使用某个范围内的版本,查看所有资源等,具体使用方法如下:

// 加载任何Github发布、提交或分支
https://cdn.jsdelivr.net/gh/user/repo@version/file

// 加载 jQuery v3.2.1
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js

// 使用版本范围而不是特定版本
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js   https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js
 
// 完全省略该版本以获取最新版本
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js
 
// 将“.min”添加到任何JS/CSS文件中以获取缩小版本,如果不存在,将为会自动生成
https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js
 
// 在末尾添加 / 以获取资源目录列表
https://cdn.jsdelivr.net/gh/jquery/jquery/