✏ 一款简洁优雅的单栏 Typecho 主题
作为计算机术语时,VOID 的意思是「无类型」。
演示站点:熊猫小A的博客,介绍文章:VOID:现在可以公开的情报。
- PJAX 无刷新体验
- AJAX 评论
- 夜间模式(支持随日出日落自动切换)
- 响应式设计
- 优秀的可读性
- 代码高亮、行号
- MathJax 公式
- 表情解析(文章、评论可用)
- 图片排版(可用作相册)
- 灵活的头图设置
- 目录解析
- 完整的结构化数据支持
- 够用的后台设置与丰富的高级设置
- ...
以及其他很多细节,总之用起来还算舒服。我建立了一个示例页面,在这里你可以看到 VOID 对常用写作元素的支持以及一些特色功能演示:示例页面。
- 下载主题:发布版 | 开发版
- 解压
- 把解压后的文件夹重命名为 VOID
- 检查文件夹名是否为 VOID,不是的话改成 VOID
- 检查文件夹名是否为 VOID,不是的话改成 VOID
- 检查文件夹名是否为 VOID,不是的话改成 VOID
- 上传文件夹至站点 /usr/themes 目录下
- 后台启用主题
- 可选:将主题
assets文件夹下的VOIDCacheRule.js复制一份到站点根目录,并在主题设置中启用 Service Worker 缓存。 - 可选:主题文件夹下 advanceSetting.sample.json 中有一些高级设置,可以看看。
添加归档页面
新建独立页面,自定义模板选择 Archives,内容留空。
添加友情链接
新建独立页面,然后如此书写:
[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]
!!!
!!! 需要单独占一行。
图片排版
在文章中,使用 [photos][/photos] 包起来的图片可显示在同一行。例如:
[photos]


[/photos]
[photos]



[/photos]
SQLite 数据库支持
目前本主题在 SQLite 数据库下可能会有未知问题,请知悉。
同开始使用,区别是你可以直接覆盖主题文件,不禁用主题,这样你的主题设置就不会丢失。
展开详情
如果你有不错的想法,可以定制自己的版本。首先你需要准备好 NodeJS 环境,然后 clone 这个 repo:
git clone https://github.com/AlanDecode/Typecho-Theme-VOID ./VOID && cd ./VOID安装依赖:
npm install -g gulp
npm install然后将依赖打包:
gulp dev你可以使用自己喜欢的方式编译 SCSS,或者使用:
gulp sass监听 SCSS 更改然后实时编译。尽请添加自己想要的功能,满意后就提交代码。然后:
gulp build构建你的主题,生成的主题位于 ./build 目录下。如果你对自己的更改很满意,欢迎提出 Pull Request。
2019-04-08 Version 2.1.1
- 默认使用时区计算夜间模式切换时间,不需要位置权限。之前的方式可在高级设置中启用
- 后台「文字区域西文字符使用衬线体」设置项修改为「在文字区域使用思源宋体」,由 Google 字体驱动
- 调整文字样式与主题颜色
- 修改后台 Service Worker 相关设置
- 修复小屏幕下 Typehco 后台编辑器工具栏按钮位置错乱的问题
- 修复编辑界面插入图集与表情后页面位置错误的问题
- 修复 QQ 分享时图片抓取错误的问题
- 移除 PJAX 完成后的滚动动画
JQuery | highlight.js | MathJax | fancyBox | bigfoot.js | OwO | pjax | yue.css | tocbot | pangu.js | social | Headroom.js | sun.js | jsTimezoneDetect
RAW | Mirages | handsome | Card | Casper | Typlog
如果本项目对你有所帮助,请考虑捐助我
MIT © AlanDecode

