笔者现在用的主题是Aria,免费的,距离作者更新已经过去一年了。很好看的一款二次元主题,一段时间使用下来挺不错的,作者的博客地址:https://eriri.ink/archives/Typecho-Theme-Aria.html

因个人需要,准备在导航栏增加一个方格布局的自定义页面,笔者纯小白,如有错误之处还请指正,没有时间解决可能存在的问题,所以有问题自行研究吧!

展示:
总览

PC端9格

PC端6格

移动端6格

原理:
1.抄的index.php,参考typecho开发文档,引用分类文章的方法,创建一个自定义页面。
2.为这个分类单独创建一个页面,其实就是利用分类的分页。

目标:
1.尽量引用原来模板自带文件。
2.简单的方法处理麻烦的事情。
3.手机电脑端能自适应,好看。

花费时间:
1.看模板,查资料,解决问题,1天。
2.改完文件10分钟。
3.本地测试10分钟。

遇到的困难:
一、布局问题,本来是想先判断PC和移动端,然后分别引入css执行。
解决方法:拷贝style.css的相关内容,调整后,单独引入了一个square.css,解决。

二、标题导致框自适应的问题,两行文字会使框变肿,不好看。
解决方法:笔者比较懒,css里面加入标题超过一行溢出直接….,本来是想参考qqdie紫罗兰的布局,不想看代码凑合用了。

三、底部分页位置问题。
解决方法:套个框,按原来的布局。

网盘地址:
链接:https://pan.baidu.com/s/1n6svbULrBdSmKJHq16-HUg
提取码:qapx

蓝奏云:https://www.lanzous.com/ib2jryd

食用方法:
1.网盘里总共三个文件,square.css、page-square.php、default.php。
2.把page-square.php复制到主题里和index.php同目录的文件夹,也就是跟page.php,index.php放在一起就好了。
3.在Index.php这个目录新建一个文件夹命名为category,然后把default.php复制到这个文件夹里面。
4.把square.css放到assets/css文件夹里面,就是跟其他css放一块。
5.新建一个分类,这里举个例子比如宝可梦,缩略名为poke,那么请把default.php重命名为poke.php。请查看这个分类mid的数字。

6.新建一个自定义页面,选择方格布局,然后增加导航栏的话,这个看主题作者的wiki。
7.修改page-square.php里面,mid的数字为你新建的分类,这个直接用查找mid,然后修改就好了,原来的为mid=1。
8.然后刷新缓存就好了,单页格子数目,后台阅读显示数目就可以调整了,不过建议6的倍数,好看一点,当然9也是可以的。

提示:
1.需要继续调整的,可以自己看主题css文件里面的style.min.css,建议先解压。
2.其他分类也想要变成方格布局,参照上面步骤来就可以了,更改mid的值就可以了。
3.Index.php想要变成方格布局,请参考default.php,因为美观问题,笔者删掉了index.php中分类,日期的代码,这个视情况加吧。这个做的话,估计能做成整个方格布局的样子,不过笔者没有这个需求,有兴趣自行研究。
4.配合qqdie加强的StickyPlus插件,可以实现分类、标签页面文章置顶。也就是区别于主页置顶,可以参考本站,还可以。
5.如果需要改的分类比较多,导航栏设置直接跳转到分类页面就好了,这样不需要page-square.php和自定义页面也可以了。
6.自定义页面存在问题,建议自行调整。