思·書

前几天花了点时间把博客用github pages和jekyll-bootstrap建起来了，主题不来点改动心里不舒服，看了看目录结构，尝试着动手去更改，于是就成了现在这逼样，看着舒服多了，以后再慢慢整。

改了什么东西

顶栏

把导航栏改成悬浮，给每个tab加上了图标。妈的原以为挺简单，没想到花了我四个小时，真是打脸。 改悬浮就简单了，查看bootstrap文档改一改就好。但是要在哪改？这就要了解目录结构。 先看目录结构：

|-- _config.yml（保存配置数据）
|-- _drafts（drafts是放未发布的文章）
|-- _includes（重用的部分放在这里）
|-- _layouts（放和posts无关的布局文件）
|-- _posts（放你的文章）
|-- _site（放Jekyll 完成转换后生成的页面）
|-- index.html
|-- archive.html
|-- categories.html
|-- about.html

从layouts里可以看到layouts里的文件是include了includes文件夹里的文件，修改顶栏需要修改_includes\themes\twitter里的default.html。仔细一看

再到JB那看（这名字起得朗朗上口），发现是遍历pages_list来处理，这样不方便我针对每个tab加icon，虽然这么处理很简洁，但我愚笨，只能用html去写每一个tab。加icon简单啊，但是要使被点击的tab显示阴影，我就又被打脸了。用javaScript?两年前学的而且还没学完更而且没怎么实践过的语言，算了吧，而且用起来代码也不简洁美观，处女男洁癖不能忍。于是我用的Liquid来处理，这样更自然：

删除评论

用chrome审查元素,找到:

\_includes\themes\twitter\post.html

把：

\_includes\themes\twitter

删除了就好了。