Bootstrap

自从我将博客的主题 Freemind 开源了之后，我收到了很多朋友的来信，希望我也能把博客里的 Wiki 部分也开源。

当初没有将 Wiki 的部分放进博客，主要是考虑到主题的简单性。原来的主题包含了很多我个人的特殊定制，虽然自己用着方便，但对别人就不见得适用了。比如，由于我的博客有 post 和 wiki 两套主要的 layout，为了创建草稿的时候有所区分，原来的 hexo new 就不适用了，于是我都是用自己写的工具来创建草稿。再比如，由于是自己用的东西，也就无所谓代码的模块化，有些 hard-code 的地方要做到灵活可定制又得折腾一顿功夫，而且太多定制项又会增加用户的学习负担。考虑再三，我决定将 Wiki 部分去除，尽可能保证主题整体的简单和模块化。本来我开源了 Freemind 主题后也不打算再写其他主题了，但因为来信询问 Wiki 主题的朋友实在太多，于是也给了我动力编写第二个主题 Wixo 。

Freemind 是我为 Hexo 编写的一个开源主题。

• Demo
• Q&A
• 标签插件
• 颜色主题

特点

Freemind 和 HaHack 所用的主题的基本相似，特点在于：

• Bootstrap - 基于 Bootstrap 3.1.1 ；
• 标签插件 - 专门编写了一系列的 Bootstrap tag plugins ，以最大程度的发挥 Bootstrap 的威力。包括：
  • textcolor - 插入一段带有特殊颜色标记的文本；
  • button - 插入一个按钮，并允许为其指定超链接、文本及颜色；
  • label - 插入一个标签，并为其指定文本和样式；
  • badge - 插入一个徽章，并为其指定文本；
  • alert - 插入一段警报文本信息，并为其指定样式。
• 本地搜索 - 自带一个 本地搜索引擎 ，基于我的另一个项目 hexo-generator-search ；
• 颜色主题 - 内置多套颜色主题。总有一套符合你的口味；
• 文章置顶 - 将重要文章置于首页顶部；
• 内置评论系统 - 内置的评论系统，基于我的另一个项目 comment.js 。

Twitter-Bootstrap有一个名为scrollspy的脚本，顾名思义就是可以帧测页面的滚动，然后自动更新导航条的状态。见下面这个实例（请自动忽略最上面JS Bin的工具条）：

JS Bin