如何快速创建漂亮的GitHub Pages

先来一个预览吧(原始页面地址在这里,自动创建的页面在这里

如何快速创建漂亮的GitHub Pages


接下来分步骤介绍。

以我自己的账户为例,我的用户名为fengyhack于是根目录为github.com/fengyhack

首先在自己的GitHub根目录下新建一个fengyhack.github.io

格式是<UserName>.GitHub.io

然后打开这个Repository的设置页面,如下图

如何快速创建漂亮的GitHub Pages


然后选择【Automatic page generator】

接下来就按照自己喜欢的主题风格选择一个,然后生成page,稍后你就能看到自己的成果了。

下面这张截图是我自己创建的一个Page

如何快速创建漂亮的GitHub Pages


这个页面比较长,因此我只截取了顶部和底部的一部分,底部有一个自由段落是我自行编辑的,添加了一个超链接

(就是连接到上面的HomePage页面)


如何快速创建漂亮的GitHub Pages


接下来就可以根据此模板进行设计了。

这种方式比较简单。


我还尝试了另一种方式,这里也贴出来吧。

首先需要下载一个客户端 GitHub for Windows(我以Windows平台为例说明),新建一个Repository,

然后设置本地存储库位置,假设为E:/Studio/GitHub/HomePage

然后就可以去网上下载一些网站模板进行编辑,或者自己使用Dreamweaver等软件进行设计,

完成之后再发布到分支gh-pages(注意!!!)并同步。

等待一段时间之后(一般在10分钟以上吧,差不多半个小时的样子)就能看到这个网页了

输入地址https://fengyhack.github.io/HomePage就可以看到效果了,正如文章开头的预览。


另外广告一下我自己编辑的页面http://www.fengyhack.icoc.cc/index.jsp


本文涉及到GitHub的使用,例如Repository、Publish、Commit、Sync等等,具体可以参考相关教程。

本文原创,博文原始地址

http://blog.****.net/fengyhack/article/details/41148889