Typecho 简洁博客主题Facile

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

Jaysun 2023-08-25 447阅读 5评论

1.jpeg


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

特点和功能

  • 响应式设计

  • 无障碍适配(Accessibility)

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

  • 代码高亮

  • 自带点赞功能

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

  • 支持图片懒加载

  • 支持文章分页

  • 丰富的侧边栏组件

  • 丰富的设置选项

  • 详细的图表统计

  • 评论区自带 Emoji 表情面板

  • 详细的 帮助文档 (必看)

  • 长期维护

安装

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

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

主题依赖

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

后端没有用到任何库。

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

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

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

代码高亮

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

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

侧边栏

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

  • 博客信息

  • 主题配色

  • 最新文章

  • 最新回复

  • 文章分类

  • 标签云

  • 文章归档

  • 其它功能

  • 友情链接

  • 目录

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

统计页

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

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

下载地址:

隐藏内容
评论可见
前往评论


相关阅读

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
验证码
评论列表 (有 5 条评论,447人围观)
网友昵称:lybai1974
lybai1974 V 普通用户 Google Chrome 114.0.5735.289 Windows 10 x64 地板
03-14 来自重庆 回复
不知道能不能使用。
网友昵称:sdsd496
sdsd496 V 普通用户 Google Chrome 120.0.0.0 Windows 10 x64 凉席
02-02 来自北京 回复
感谢分享
网友昵称:xiaomi123
xiaomi123 V 普通用户 Google Chrome 97.0.4692.98 Huawei CHL-AN00 板凳
2023-11-18 来自湖北 回复
是最新版本不
网友昵称:demo
demo V 普通用户 Google Chrome 116.0.0.0 Windows 10 x64 椅子
2023-09-16 来自福建 回复
这个主题是贵站自己写的还是从网上收集的
网友昵称:1393489397
1393489397 V 普通用户 Google Chrome 115.0.5790.166 Android 10 沙发
2023-09-11 来自湖北 回复
感谢分享

目录[+]

取消
微信二维码
微信二维码
支付宝二维码