Wixo - a wiki theme for Hexo

介绍我为 Hexo 编写的第二个主题 Wixo 。

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

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

Wixo 的含义就是 “A Wiki theme for Hexo”。对我而言,个人 Wiki 就是一个笔记库。笔记库的内容可以不像博客的文章那样精华,但必须系统化。所以,我将文章统一用 categories 分类,让每个分类更像是一个笔记本,并且为每个分类提供独立的 pagination 。设计这个主题的一个主要的理念就是保持简单,所以我将不需要的元素,比如导航栏、评论等模块都干掉了。这样的好处就是整个笔记库看起来很清爽纯粹。

特点

  • Simple - Wixo 是一个简单纯粹的 Wiki 主题;
  • Bootstrap - 基于 Boostrap 3.1.1;
  • Notebook - 一个分类就是一个笔记本;
  • Scrollspy - 文章左侧的 ToC 会自动监视你的滚动进度;
  • Tag plugins - 同 Freemind 主题一样可以搭配 hexo-tag-bootstrap 使用,以最大程度的发挥 Bootstrap 的威力。

安装

  1. 安装主题:
$ git clone https://github.com/wzpan/hexo-theme-wixo.git themes/wixo
  1. 安装 hexo-tag-bootstrap(可选,但推荐):
$ npm install hexo-tag-bootstrap --save

启用

修改 _config.yml 文件里的 theme 选项为 wixo 即可。

更新

$ cd themes/wixo$ git pull

配置

Wixo 的配置文件非常简单:

fancybox: truefavicon: favicon.pnggoogle_analytics:

其中:

  • fancybox - 是否启用 Fancybox;
  • google_analytics - Google Analytics ID。

Front-Matter

  • toc - 生成 table of contents

示例:

title: Tag Plugins
date: 2014-03-16 10:17:16
categories: Docstoc: true
---

Todo

Wixo 还有一些值得改进的地方,欢迎关注本项目。

  1. 让笔记本的图标和背景颜色可定制;
  2. 允许用户选择和查看单一笔记本。

原文发布于微信公众号 - HaHack(gh_12d2fe363c80)

原文发表时间:2014-07-13

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏一“技”之长

AppleWatch开发入门一——Watch的开发思路与应用框架

        Apple Watch无疑是apple在智能手表领域的一次革命,如何在Watch上开发出实用且具有美感的应用,是iOS开发者们开始思考的一个问题...

672
来自专栏贺贺的前端工程师之路

Visual Studio Code 如何安装插件

相信用惯了sublime text的同学们还是很喜欢sublime text的插件功能的。

863
来自专栏编程微刊

一个资源丰富的在线小程序社区推荐

想要自己做一款个人小程序,想做一款属于自己的小程序来开通流量主,但是技术又不够好的时候,来这里和我一起学习吧。这是一个很棒的社区,最重要的是每天会更新很多小程序...

783
来自专栏沈唁志

WordPress网站的SEO基础

1402
来自专栏企鹅号快讯

四大微信小程序开发工具测评结果出炉!

微信小程序开放公测后,很多人已经迫不及待地开始注册账号了。但是在技术开发的问题上,却不知道该如何下手。经过一些程序员不辞辛苦连夜测试,终于从十余款工具呕心沥血筛...

1K7
来自专栏华章科技

7大笔记应用,让你的代码效率翻7倍

但是大多数笔记应用的设计并不是以程序员作为目标受众,这些程序可能会让使用者用起来很难受,甚至完全放弃这些工具。这就是为什么我们为你找来了这些最好的笔记工具。快来...

852
来自专栏非著名程序员

Android Studio 2.0 重大更新,Google要强势逆袭

2015年11月24日谷歌官方在开发者峰会上推出了Android Studio 2.0的预览版,官方19号才发布了Android Studio 1.5,才过了仅...

1839
来自专栏FreeBuf

保护你的隐私:10项你必须知道的iPhone/iPad iOS 8安全设置

也许你并不知道,苹果iOS 8里包含了多项追踪你的地理位置和个人信息的功能,其中不少是默认开启的,很多APP和广告都在通过这些功能获取你的个人信息。 如果你忽视...

1766
来自专栏视频加密

视频加密技术大全,拿走,不谢!

点量FLV视频加密系统还同时可以提供Android​‌‌、IOS下的加密视频播放方案(可提供播放器引擎,能在授权后播放点量FLV系统加密过的视频),是目前行业内...

1033
来自专栏知晓程序

Android 惊现小程序「入口」,有图有真相!

1113

扫码关注云+社区