Jekyll Bootstrap 使用

  • 发表于
  • 日志

创建repository

我们利用github pages来托管我们的博客,因此需要先到github上创建一个名称叫做username.github.io的版本库,username是自己的用户名,比如Litchiware.github.io

使用jekyll bootstrap模板

执行以下的命令,注意相应位置替换为自己的用户名

[code language="plain"]git clone https://github.com/plusjade/jekyll-bootstrap.git Litchiware.github.iocd Litchiware.github.iogit remote set-url origin git@github.com:Litchiware/Litchiware.github.io.gitgit push origin master[/code]

参考jekyll bootstrap

打开链接username.github.io即可看到自己的博客主页了,下面在这个模板的基础上定制自己的博客

修改_config文件

打开_config文件,修改以下信息:

变量值title博客名tagline简短的博客描述name你的名字email邮箱githubgithub用户名twittertwitter用户名feedburnerfeed名称production_url将其中的username改为github用户名

执行下面的命令将改动提交到github上

[code language="plain"]git commit -a -m "modify the _config file"git push origin master[/code]

刷新博客主页,可以看到我们的改动已经显示在页面上了

使用多说评论系统

jekyll bootstrap模板默认用的是disqus评论系统,点开模板中的示例文章,可以看到下面的评论系统的登陆方式都是facebook、twitter等,显然不符合国情;而且disqus还带有广告,影响视觉效果,因此我们用多说评论系统来替代disqus,具体操作过程如下:

在多说上注册站点

首先到多说官网上为你的博客站点username.github.io进行注册,可以获得你站点的short_nameshort_name为你的多说域名去掉.duoshuo.com的部分。

修改_config中的相关设置

打开_config文件,做如下修改:

  • 删除provider : disqus所在行和colorscheme: light所在行之间的所有内容
  • comments :行下加入一行provider : duoshuo
  • 用你的多说账号的short_name替换short_name : jekyllbootstrap中的jekyllbootstrap

将下面的代码加入到_includes/themes/bootstrap-3/post.html文件的末尾

[code language="plain"][/code]

再次将改动提交到github上,刷新博客页面,打开模板中的示例文章,可以看到评论系统已经改为多说评论系统了

修改博客主页内容

博客的默认主页上是jekyll的一些介绍,我们可以定制自己的主页,当然最简单的做法是删去其中不必要的内容

添加文章

在_post目录下添加自己的博客文章

参考:http://wcc723.github.io/jekyll/2014/01/12/jekyll-bootstrap/