Typecho主题:Facile 简洁主题
一套简洁的 Typecho 博客主题演示GitHub
特点和功能
[*]响应式设计
[*]无障碍适配(Accessibility)
[*]包含浅色和深色两套配色(可根据系统主题配色自动调节)
[*]代码高亮
[*]自带点赞功能
[*]支持根据文章内插入的标题生成章节目录
[*]支持图片懒加载
[*]支持文章分页
[*]文章列表支持多种排版方式
[*]丰富的侧边栏组件
[*]丰富的设置选项
[*]详细的图表统计
[*]评论区自带 Emoji 表情面板
[*]支持 PJAX 无刷新跳转
[*]详细的 帮助文档 (必看)
[*]长期维护
安装
在 Releases 下载的主题是一个 zip 格式的压缩包,把压缩包上传到 Typecho 目录下的 usr/themes/ 目录,然后解压,解压后应该可以看到一个 Facile 目录。
登录 Typecho 后台,在顶部导航栏的 控制台 菜单选择 外观 ,如果存放位置没有错误的话就可以看到 Facile 主题了,点击 启用 。
主题依赖
主题主要用到了以下几个库:
bootswatch 不同风格的 Bootstrap 主题
jQuery DOM 操作和 Bootstrap 依赖
qrious 生成二维码的 JS 库
highlight.js 代码高亮
ECharts 百度开源的图表库,用于 统计页 生成统计图
jquery-pjax 用于页面无刷新跳转
后端没有用到任何库。
ECharts 的库比较大,所以只引入了饼图和日历图,而且只会在统计页加载。Bootstrap 的 JS 使用 Webpack 打包过的发行版也只引入了用到的模块。
主题的图标使用的是 IcoMoon 的字体图标,IcoMoon 的图标可以自定义,所以主题中只包含几个用到的图标。
前端 JS 使用的是 ES6 语法,在 IE 系列的浏览器(包括 IE11)是无法运行的,如果没有二次开发需求的话,可以在 Releases 下载 Facile-bundle.zip 发行版,发行版使用了 Webpack + Babel 来打包和转换,可以在 IE 运行。
代码高亮
代码高亮目前包含三套主题配色,分别是 Stack Overflow(浅色)、VS2015(深色)、Sunburst(高对比度)。目前支持 30 多种语言的代码高亮。
要查看支持的语言列表和代码高亮样式可以访问 帮助文档 - 代码高亮
侧边栏
下面是目前可以显示在侧边栏的组件:
博客信息
主题配色
最新文章
最新回复
文章分类
标签云
文章归档
其它功能
友情链接
文章的章节目录
自定义
侧边栏的每个组件你都可以选择开启或关闭,你还可以自定义侧边栏的组件排序顺序。
统计页
主题包含一个统计页模板,你可以在后台创建页面,页面的自定义模板选择 网站数据,标题可以随便写,创建完成后就可以在顶部导航栏访问了。
统计页包含基本的数据统计、分类文章占比图、文章更新日历图、评论动态日历图、阅读量排名前 5 的文章、评论量排名前 5 的文章。
下载地址
UC网盘夸克网盘
页:
[1]