我在使用VOID主题时出现的一些问题及解决办法

虽然花了很多时间,但还是感到很满足

请注意,本文编写于 165 天前,最后修改于 163 天前,其中某些信息可能已经过时。

VOID.png
VOID.png

本文受到了木石微言hushhw的启示,有部分文字借鉴

创作立场声明

之前使用的是Intern大佬的cactus主题,干净简洁优雅,用了大概一学期,决定换换口味,而熊猫大佬的VOID主题也在控制台的主题库躺了好久,于是说干就干,顺便把主题更新到最近的3.4版本。

在应用VOID主题的时候,出现了许多问题,且不能完美的展示我想要表达的东西,于是我写了这篇文章,来帮助我在下次应用时及时解决问题。


1.APlayer for Typecho | Meting 插件

Aplayer
Aplayer

1.1 下载地址

这个插件我在使用cactus主题时就已经在使用了,不过在应用到VOID主题的时候,出了点问题,安装过程不再赘述,点击下载Aplayer

1.2 问题及解决办法

假若VOID主题在设置页面勾选了启用PJAX,那么播放器界面很有可能会加载不出来,此时,我们可以在PJAX重载函数框输入

loadMeting();

另外在某些Typecho版本中,html代码前后必须加!!!,并且!!!需要单独占一排。

2. Typecho-Plugin-DoubanBoard 插件

这个也是熊猫大佬开发的插件,可以爬取豆瓣上个人的观影读书记录到博客,下载地址:GitHub,使用方法可见熊猫大佬的文章:使用方法与介绍,我也就不再赘述了

2.1 问题及解决办法

不知道是什么情况,我使用熊猫大佬提供的豆瓣电影已观看代码无法加载,

<div data-status="watched" class="douban-movie-list doubanboard-list"></div>

即使在代码的前后加了!!!也无济于事,最后我是加的插件设置界面提供的代码

已读书单列表:<div data-status="read" class="douban-book-list doubanboard-list"></div>
在读书单列表:<div data-status="reading" class="douban-book-list doubanboard-list"></div>
想读书单列表:<div data-status="wish" class="douban-book-list doubanboard-list"></div>
已看电影列表:<div id="douban-movie-list" class="doubanboard-list"></div>
单部电影:<div class="douban-single" data-type="movie" data-id="电影 ID" data-rating="你的评分"></div>
单部书籍:<div class="douban-single" data-type="book" data-id="书籍 ID" data-rating="你的评分"></div>

才成功的加载出了结果,有知道的大佬可以在下面留言

3. 备案号的插入

由于服务器是阿里云的学生机,所以得备案,那么备案号的添加也是必须的,之前直接用的是网上的HTML代码,结果指向的网址已经不工作了,再加上一旦被抽查到没有在网站底部增加备案号,最高可以罚款五千元以上一万元以下的罚款,所以为了钱包着想还是动动手,或者购买位于境外的服务器
备案号代码如下

<a href="http://beian.miit.gov.cn/">这里填你的备案号代码</a>

4. 设置VOID主题双栏瀑布流一片空白

原因是重复引入了JQuery,解决办法是在之前提到的豆瓣观影记录插件设置界面,取消勾选JQuery,即可解决,如图

取消勾选
取消勾选

5. 更换博客的标题字体

因为默认的字体作标题不是很喜欢,所以决定改一下

5.1 寻找字体

首先找一个自己喜欢的字体,这里以仓耳今楷为例,是宁静之雨大佬免费提供的,有需求的可以去他的微信公众号下载字体,下载地址:提取码ayun,解压密码njzyfx

5.2 字体子集化

如果你要引入一个完整的字体,一个字体一般都有好几兆,那么势必会对你的博客的加载速度产生很大的影响,所以最好能够把你想要用到的几个字提取出来引入这样就可以几乎不影响网站的加载速度又可以达到字体的效果

所以我们使用到了这个软件Fontmin App,下载地址:GitHub
按照自己的系统版本下载对应的软件

5.3 软件使用

输入你想要的字,把字体拖到此处
输入你想要的字,把字体拖到此处

将生成的文件上传到服务器
将生成的文件上传到服务器

5.4 引入字体

把 -embed.css 结尾的文件放到博客的根目录某个文件夹下,编辑主题的 header.php(VOID 是 head.php)文件,在首页引入这个字体 css, 添加如下(href 的路径是你自己的博客存放 -embed.css 文件的路径)

<link rel="stylesheet" href="https://akangnb,top/usr/themes/VOID/assets/仓耳今楷_by_宁静之雨-embed.css" />
<style>.brand{font-family:仓耳今楷_by_宁静之雨-embed,serif;font-weight:normal!important;}</style>

<style> </style> 里就是 css 语法,.brand 就是指代你的网站 html 里的 css 类名,font-family 就是 -embed.css 里的 font-family 也就是字体名字,保存编辑。
具体添加位置如图
大致在60-61行

如图
如图

5.5 刷新博客

刷新一下即可看到你的新字体效果

仓耳今楷,跟方正细金陵都挺好看的
仓耳今楷,跟方正细金陵都挺好看的

6.增强Markdown语法

Notice 的语法:

提示内容

(未完待续)

添加新评论

评论列表