『主题』VOID – 作为计算机术语时 VOID 的意思是「无类型」

『主题』VOID - 作为计算机术语时 VOID 的意思是「无类型」 干货分享 第1张

如果你也有好的作品但是苦于没有地方分享,不妨联系我们,我们将在博客、频道全矩阵帮你宣传,让你的作品得到更多人的认可!这次给大家来的是由 熊猫小A 开发并开源的第二款 Typecho 主题。

VOID——作为计算机术语时,VOID 的意思是「无类型」,而在本文中,是由 熊猫小A 开发并开源的第二款 Typecho 主题,在开发过程中借鉴了 Ghost 默认主题 Casper 与水八口开发的 Bitcron 主题 Card。

VOID 中图片的展示占了很大的比重,首页上文字量很少,一眼看过去是十来张图片。另外,你或许会有这样的感觉:VOID 这个主题方方正正的,显得很端庄的样子。确实是这样的,主题中圆角很少,不规则的图形也很少。

VOID 的排版很规整,可以用来修改的空间并不大,甚至连个广告都很难找到合适的地方放。

VOID 的文字样式使用 Lepture 的项目 yue.css,经过我的反复考虑,这个 CSS 集应用到内容块上效果很好。有一个小的改动:原项目的字体默认大小是 18px,综合考虑下 VOID 使用了 17px。

[su_quote]博客交流群已建立,目前处于无人打理的自由水状态,欢迎进群讨论:777536599。Telegram 群组:进群[/su_quote]

特性

  • PJAX 无刷新体验
  • AJAX 评论
  • 响应式设计
  • 卡片式
  • 代码高亮
  • MathJax 公式
  • 表情解析
  • 图片排版
  • 目录解析
  • ...

演示站点:熊猫小A的博客,介绍文章:VOID:现在可以公开的情报

Github:https://github.com/AlanDecode/Typecho-Theme-VOID

安装方法一

使用构建好的版本(推荐)

  1. 到 Release 页面下载构建包:点击前往
  2. 解压
  3. 把解压后的文件夹重命名为 VOID
  4. 检查文件夹名是否为 VOID,不是的话改成 VOID
  5. 检查文件夹名是否为 VOID,不是的话改成 VOID
  6. 检查文件夹名是否为 VOID,不是的话改成 VOID
  7. 上传文件夹至站点 /usr/themes 目录下
  8. 后台启用主题

可选:将主题 assets 文件夹下的 VOIDCacheRule.js 复制一份到站点根目录,以启用 Service Worker 缓存。 可选:主题文件夹下 advanceSetting.sample.json 中有一些高级设置,可以看看。

安装方法二

自己构建

准备工作:需要安装好 NodeJS

首先,clone 本仓库到本地:

git clone git@github.com:AlanDecode/Typecho-Theme-VOID.git ./VOID && cd ./VOID
git checkout source

然后安装依赖:

npm install -g gulp
npm install

最后构建打包:

gulp build

到此时,新鲜的主题就出现在了 build 文件夹下,把 build 文件夹上传到主题目录,重命名为 VOID,然后启用即可。本方法使你可以使用到最新的主题,但是它可能包含未知问题,适合愿意折腾的人。

添加归档页面

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

更新

开始使用,区别是你可以直接覆盖主题文件,不禁用主题,这样你的主题设置就不会丢失。

开发

如果你要定制自己的版本,首先按照安装中的方法二装好环境。然后切换至源码分支:

git checkout source

然后:

gulp dev

这会将依赖打包。你可以使用自己喜欢的方式编译 SCSS,或者使用:

gulp sass

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

gulp build

构建你的主题。如果你对自己的更改很满意,欢迎提出 Pull Request

关于捐助

好的作品需要你的支持,如果本项目对你有所帮助,可考虑捐助作者

『主题』VOID - 作为计算机术语时 VOID 的意思是「无类型」 干货分享 第2张

参与评论