【Typecho】VOID简洁优雅主题

一款简洁优雅的 Typecho 主题

特性

介绍文章： VOID：现在可以公开的情报。

响应式设计
PJAX 无刷新体验
AJAX 评论
前台无跳转登陆（兼容 PJAX）
自动夜间模式
优秀的可读性
衬线、非衬线两种文字风格
代码高亮（浅色暗色两种风格，随主题切换）
Mac 风格代码块（可开启或关闭）
代码行号
站点样式设置面板（日夜转换、字体、字号）
MathJax 公式
表情解析（文章、评论可用）
图片排版（可用作相册）
图片懒加载
灵活的头图设置
文章目录解析
完整的结构化数据支持
够用的后台设置与丰富的高级设置
结合附带的配套专用插件，还有更多功能：

浏览量统计

文章点赞
文章字数统计
评论投票与自动折叠
访客互动展示
以及其他很多细节，总之用起来还算舒服。

开始使用

下载主题：发布版，注意是下载 VOID-x.x.x.zip 这个压缩包，而不是 Source code
解压
将主题文件夹下的 VOID 文件夹上传至站点 /usr/themes 目录下
后台启用主题
将配套插件文件夹下的 VOID 文件夹上传至站点 /usr/plugins 目录下
后台启用插件
可选：将主题 assets 文件夹下的 VOIDCacheRule.js 复制一份到站点根目录，并在主题设置中启用 Service Worker 缓存。
可选：主题文件夹下 advanceSetting.sample.json 中有一些高级设置，可以看看。

常见问题（请务必仔细阅读）

开发版主题可以在这里获取：开发版。注意，不保证开发版有更新更多的功能。而且开发版变动频繁，若无必要请使用发布版主题。

{collapse-item label="如何开启文章点赞？" open}
文章点赞功能依赖配套插件，请上传至插件目录并启用。插件一般会随主题包发布，开发版主题请前往 https://github.com/AlanDecode/VOID-Plugin 获取。
{/collapse-item}
{collapse-item label="如何开启文章浏览量统计？"}
文章浏览量统计功能依赖配套插件，请上传至插件目录并启用。插件一般会随主题包发布，开发版主题请前往 https://github.com/AlanDecode/VOID-Plugin 获取。
{/collapse-item}
{collapse-item label="如何开启文章字数统计？"}
文章字数统计功能依赖配套插件，请上传至插件目录并启用。插件一般会随主题包发布，开发版主题请前往 https://github.com/AlanDecode/VOID-Plugin 获取。
{/collapse-item}
{collapse-item label="下载安装后样式不对？"}
仓库中的是未压缩的源代码，包含大量实际使用中不需要的文件，并且可能无法直接使用。请一定通过这两个链接下载主题：发布版 | 开发版。注意其中发布版是下载 VOID-x.x.x.zip 这个压缩包，而不是 Source code。
{/collapse-item}
{collapse-item label="添加归档页面"}
新建独立页面，自定义模板选择 Archives，内容留空。
{/collapse-item}
{collapse-item label="添加友情链接"}
新建独立页面，然后如此书写：

[links]
[熊猫小A](https://www.imalan.cn)+(https://secure.gravatar.com/avatar/1741a6eef5c824899e347e4afcbaa75d?s=200&r=G&d=)
[熊猫小A的博客](https://blog.imalan.cn)+(https://secure.gravatar.com/avatar/1741a6eef5c824899e347e4afcbaa75d?s=64&r=G&d=)
[/links]

文章中、独立页面中都可以通过该语法插入类似的展示块。在某些 Typecho 版本中 HTML 会被转义后输出，请使用 !!! 包裹以上代码，例如：

!!!
[links]
···
[/links]
!!!

{/collapse-item}

{collapse-item label="图片排版"}
在文章中，使用 photos 包起来的图片可显示在同一行。例如：

[photos]
![](https://cdn.imalan.cn/img/post/2018-10-26/IMG_0073.jpeg)
![](https://cdn.imalan.cn/img/post/2018-10-26/IMG_0053.jpeg)
[/photos]

[photos]
![](https://cdn.imalan.cn/img/post/2018-10-26/IMG_0039.jpeg)
![](https://cdn.imalan.cn/img/post/2018-10-26/IMG_0051.jpeg)
![](https://cdn.imalan.cn/img/post/2018-10-26/IMG_0005.jpeg)
[/photos]

在某些 Typecho 版本中 HTML 会被转义后输出，请使用 !!! 包裹以上代码，例如：

!!!
[photos]
···
[/photos]
!!!

!!! 需要单独占一行。
{/collapse-item}
{collapse-item label="增强的 Markdown 语法"}
注音语法：{{文本:zhu yin}}，会渲染为：文本zhu yin
notice 提示块：[notice]提示内容[/notice]
{/collapse-item}
{collapse-item label="页面空白"}