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 邮箱 github github用户名 twitter twitter用户名 feedburner feed名称 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/