Typecho 简洁博客主题Facile

Facile 相比 MwordStar 来说，外观要更简洁一些，功能也会少一些，MWordStar 有的功能以后也会陆续增加到 Facile 中，但是 Facile 的功能以后也不会有 MWordStar 多。

特点和功能

• 响应式设计

• 无障碍适配（Accessibility）

• 包含浅色和深色两套配色

• 代码高亮

• 自带点赞功能

• 支持根据文章内插入的标题生成章节目录

• 支持图片懒加载

• 支持文章分页

• 丰富的侧边栏组件

• 丰富的设置选项

• 详细的图表统计

• 评论区自带 Emoji 表情面板

• 详细的 帮助文档 （必看）

• 长期维护

安装

在 Releases 下载的主题是一个 zip 格式的压缩包，把压缩包上传到 Typecho 目录下的 usr/themes/ 目录，然后解压，解压后应该可以看到一个 Facile 目录。

登录 Typecho 后台，在顶部导航栏的 控制台 菜单选择 外观 ，如果存放位置没有错误的话就可以看到 Facile 主题了，点击 启用 。

主题依赖

主题主要用到了以下几个库：

• bootswatch 不同风格的 Bootstrap 主题

• jQuery DOM 操作和 Bootstrap 依赖

• qrious 生成二维码的 JS 库

• highlight.js 代码高亮

• ECharts 百度开源的图表库，用于 统计页 生成统计图

后端没有用到任何库。

ECharts 的库比较大，所以只引入了饼图和日历图，而且只会在统计页加载。Bootstrap 的 JS 使用 Webpack 打包过的发行版也只引入了用到的模块。

主题的图标使用的是 IcoMoon 的字体图标，IcoMoon 的图标可以自定义，所以主题中只包含几个用到的图标。

前端 JS 使用的是 ES6 语法，在 IE 系列的浏览器（包括 IE11）是无法运行的。

代码高亮

代码高亮目前包含三套主题配色，分别是 Stack Overflow（浅色）、VS2015（深色）、Sunburst（高对比度）。目前支持 30 多种语言的代码高亮。

要查看支持的语言列表和代码高亮样式可以访问 帮助文档 - 代码高亮

侧边栏

下面是目前可以显示在侧边栏的组件：

• 博客信息

• 主题配色

• 最新文章

• 最新回复

• 文章分类

• 标签云

• 文章归档

• 其它功能

• 友情链接

• 目录

侧边栏的每个组件你都可以选择开启或关闭，你还可以自定义侧边栏的组件排序顺序。

统计页

主题包含一个统计页模板，你可以在后台创建页面，页面的自定义模板选择 网站数据，标题可以随便写，创建完成后就可以在顶部导航栏访问了。

统计页包含基本的数据统计、分类文章占比图、文章更新日历图、评论动态日历图、阅读量排名前 5 的文章、评论量排名前 5 的文章。

下载地址：