typecho butterfly

本文适用于正在为 Typecho 博客挑选主题的场景。你会学到:Typecho-Butterfly 的版本兼容性、功能特性,以及下载安装方法。

我选择主题的刚性需求有以下三点:导航栏自定义二级目录、代码高亮、好用且好看的目录。而 Typecho-Butterfly 主题正好满足我的需求。Typecho-Butterfly 移植自 hexo 框架的 Butterfly 主题。

版本要求

Typecho 1.20php 7.4+

[!WARNING]

主题没有适配 Typecho 1.21 及以上

主题特色

  1. 方便原 hexo 的博文转移,因为都是 md 文档
  2. 原 butterfly 的用户可以直接使用原版 butterfly 主题的 css 文件,拥有原先同样的效果
  3. 注意:移植并非为最新版 butterfly,你的 index.css 可能会在本主题出现 bug
  4. 由于使用动态博客,大部分功能可以让程序去实现,不用借助第三方 api(可在主题外观设置中自定义)
  5. 在线编辑文档
  6. 搜索、加密和置顶文章可以直接使用(相比 hexo 无需太多额外配置)
  7. 相比 hexo,程序安装更加方便,使用更加高效
  8. 网站咨询显示同时在线人数(某些虚拟主机似乎无法使用)
  9. 可在后台设置侧边栏信息以及侧边栏的隐藏和显示
  10. 后续将开发更多功能

下载

wget https://github.com/wehaox/Typecho-Butterfly/releases/download/1.8.0/butterfly_Release1.8.0.zip

解压

unzip butterfly_Release1.8.0.zip

将解压后的目录上传到 Typecho 的 usr/themes/ 下,并在后台「外观」中启用主题。

验证与自查

  1. Typecho 后台「外观」中能看到并成功启用 Butterfly 主题
  2. 首页导航栏可自定义二级目录,代码块有高亮
  3. 文章目录侧边栏正常显示,样式与演示一致
  4. 若启用后样式错乱,检查是否为 index.css 与新版本 butterfly 的兼容问题

项目地址

参考