发布你的设计
一个良好的工作流程是可以让你的读者或者用户尽快而且方便的看到你的成果。如果仅仅在本地开发,设计,你事实上很难发现自己的问题,从而难以得到真正的提升。而将自己的产出让别的开发人员或者设计师看到,并得到实时的反馈,则可以在很多方便帮助你改进。我们将使用Github
的主页服务来发布自己的作品,当然如果你有亚马逊的云服务或者其他云服务提供商的主机,你也可以很容易的将作品发布在其中。
Github的主页服务
Github提供了Github Pages的服务来帮助你为自己的项目提供主页
。目前,这种主页服务分为两种:用户主页
和项目主页
。其中用户主页
已经称为广大开发者的标配,有很多的开发者已经将自己的博客迁移到了Github上,其中所用到的核心机制就是Github Pages
。
这篇文章主要介绍如何使用项目主页
。项目主页
,顾名思义,就是你项目的主页,本来设计的初衷是为你的项目编写介绍文档,不过Github只提供对静态内容的托管。如果需要添加评论,可以使用disqus的服务,而和微博,flickr等集成都有现成的JavaScript片段,这里也不做详细讨论。
发布你的Web设计
Github提供的项目主页服务
可以帮助你快速将设计发布,你所需要做的就是为项目创建一个名叫gh-pages
的分支,然后将HTML/CSS/JS
放在这个分支上即可。
假设你在github上的用户名为wumai
(我一时间想不到好名字,在写这一页的时候看了看窗外,雾霾四合,不放就假设用户名为雾霾吧),那么根据惯例,你的Github地址为https://github.com/wumai
。这时候,假设你的项目(repo)的名称为design-1
,则你的项目主页地址
为https://wumai.github.io/design-1
。
知道了你的项目主页地址
,你就需要为这个页面添加内容了:
$ git clone git@github.com:abruzzi/design-boilerplate.git design-1
克隆了design-boilerplate
之后,
$ cd design-1
$ git remote -v
你可以看到当前的项目是和git@github.com:abruzzi/design-boilerplate.git
关联的,
origin git@github.com:abruzzi/design-boilerplate.git (fetch)
origin git@github.com:abruzzi/design-boilerplate.git (push)
你需要先和这个样板工程解除绑定:
$ git remote remove origin
然后你需要在Github上创建一个新的Repo,假设命名为design-1
,这时候,将这个新创建的Repo作为你本地的remote:
$ git remote add -u origin git@github.com:wumai/design-1.git
与远程连接之后,我们可以开始实际的设计了,不过在这之前,需要先创建一个gh-pages
分支:
$ git checkout -b gh-pages
这条命令会创建gh-pages
分支,并切换到该分支,这样后续的修改都会在该分支进行,这也正是我们想要的。开发调试之后,就可以将这个分支push到Github:
$ git push -u origin gh-pages
好了,现在打开地址http://wumai.github.io/design-1
,应该就可以看到你自己的设计了。