如何快速创建漂亮的GitHub Pages

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



接下来分步骤介绍。

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

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

格式是<UserName>.GitHub.io

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



然后选择【Automatic page generator】

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

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



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

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




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

这种方式比较简单。


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

首先需要下载一个客户端 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.csdn.net/fengyhack/article/details/41148889

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值