笔者现在使用的主题是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（zezeshe.com)紫罗兰的布局，不想看代码凑合用了。

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

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

蓝奏云：https://pokemon.lanzoum.com/ib2jryd
密码:2428

食用方法：
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.自定义页面存在问题，建议自行调整。