用Github Pages搭建一个网页是比较简单的,引入index.html之后就可以算是导入了一个网页了,网页的内容基于html的内容,也就是说页面是什么样的完全得看你html写得怎么样了。我们可以自己写页面,也可以去找现成的html和css模版来构建自己的模版,只是修改里面的内容就可以了。这种方式的优点是自己完全掌控,可以任意修改成自己想要它成为的样子。那么凡事都要自己动手,也显得很麻烦。<strong>如果你只想专注于内容创作,jekyll是个不错的选择。利用jekyll,我们可以使用MarkDown语言,一次创作,可以在多个平台发布,而且MarkDown语言比html简单很多,它是面向作者的。</strong>
安装jekyll
下面所有的演示和说明都是针对mac平台的,其他平台的我还没试过,具体怎么操作,应该也可以做一个参考,原理应该也是差不多的。
mac平台上已经装有Ruby了,就不需要再去装Ruby了,如果你想确定一样,可以用下面的命令在终端中查看Ruby版本号,如果没有版本号,那就去装一个。
$ ruby -v
如何安装ruby这里就不赘述了,安装好之后,要安装bundler,这个是用来你在之后配置完jekyll之后在本地就能预览网站用的。
$ sudo gem install -n /usr/local/bin bundler
提示安装成功之后,就可以开始安装jekyll了。
$ sudo gem install -n /usr/local/bin jekyll
同样使用下面的命令可以获取jekyll版本号
$ jekyll -v
初始化
如果你jekyll安装成功,接下来就可以用它来初始化你的<em>username.github.io</em>这个仓库了。username是你的github的用户名。
首先你先clone你的仓库到本地。
git clone https://github.com/chenhuaizhe/chenhuaizhe.github.io.git
https://github.com/chenhuaizhe/chenhuaizhe.github.io.git 是我的仓库地址,你需要将它换成你自己的,具体来说是将两个chenhuaizhe换成你的github用户名。如果你还不会用github搭建自己的网站仓库,请先看这里:快速用GitHub Pages搭建个人网站
clone到本地之后,找到本地仓库文件夹
$ jekyll new 本地仓库文件夹
$ cd 本地仓库文件夹
$ jekyll build
执行完之后,你会发现本地仓库中多了一些文件。
各文件夹的作用请看阮一峰老师的这篇文章 jekyll入门
你可以打开_config.yml文件修改配置内容。
修改和添加_posts文件夹下的.md文件,就是编辑你的博客内容,这是MarkDown格式的。
修改之后执行
$ jekyll serve
然后打开<pre>http://localhost:4000</pre>可以查看效果。
如果确定没问题,就可以用git提交发布到github上了,你的网站就实时更新了。
$ git add .</pre>
$ git commit -m "upload my site"
$ git push
参考
搭建一个免费的,无限流量的Blog----github Pages和Jekyll
Using Jekyll with Pages