VOID 主题使用文档

VOID主题使用文档,详细的介绍了这款Typecho主题的用法,帮助您快速上手这款主题

VOID 这个Typecho主题方方正正的,显得很端庄的样子。确实是这样的,主题中圆角很少,不规则的图形也很少

开始使用

  1. 下载主题
  2. 解压
  3. 主题文件夹下的 VOID 文件夹上传至站点 /usr/themes 目录下
  4. 后台启用主题
  5. 配套插件文件夹下的 VOID 文件夹上传至站点 /usr/plugins 目录下
  6. 后台启用插件
  • 可选:将主题 assets 文件夹下的 VOIDCacheRule.js 复制一份到站点根目录,并在主题设置中启用 Service Worker 缓存。
  • 可选:主题文件夹下 advanceSetting.sample.json 中有一些高级设置,可以看看。

有提供开发版主题下载,但不保证开发版有更新更多的功能。而且开发版变动频繁,若无必要请使用发布版主题。

VOID 主题使用文档-Npcink
VOID 主题使用文档-Npcink

VOID - 简洁的Typecho博客主题

常见问题

以下功能由插件提供:

  • 文章点赞
  • 文章浏览量统计
  • 文章字数统计

添加归档页面

新建独立页面,自定义模板选择 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]
![](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]
!!!

!!! 需要单独占一行。

增强的 Markdown 语法

  • 注音语法:{{文本:zhu yin}},会渲染为:文本zhu yin
  • notice 提示块:[notice]提示内容[/notice]

页面空白

  • 首先检查是否有插件重复引入了 JQuery,若有,在插件设置页面关闭。
  • 另外,推荐使用 PHP 7.0 及以上版本搭配 MySQL 数据库。PHP 5.6 或者更低版本以及其它数据库可能出现未知问题(并且我不会去修复)。

更新

同开始使用,区别是你可以直接覆盖主题文件。大多数情况下无需禁用主题,这样你的主题设置就不会丢失。

某些版本由于改用幅度较大需要重启主题与插件,请参见对应版本的发布日志。

开发与自定义

首先注意:我不保证提供任何自定义修改相关的指导与帮助。You are on your own.

如果你有不错的想法,可以定制自己的版本。首先你需要准备好 NodeJS 环境,然后 clone 这个 repo:

git clone https://github.com/AlanDecode/Typecho-Theme-VOID ./VOID && cd ./VOID

安装依赖:

npm install -g gulp
npm install

用以下命令打包依赖的 JS 和 CSS:

gulp dev

主题的样式是用 SCSS 写的,你可以使用自己喜欢的方式编译 SCSS,或者使用:

gulp sass

监听 SCSS 更改然后实时编译。尽请添加自己想要的功能,满意后就提交代码。然后:

gulp build

构建你的主题,生成的主题位于 ./build 目录下。如果你对自己的更改很满意,欢迎提出 Pull Request

Typecho

H-Code-大气的模板

2019-3-31 23:38:43

Typecho

Typecho theme dev framework - typecho主题开发框架

2019-5-10 15:46:26

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索