layui主题配置

昨天我把博客的友链页面彻底翻新了一遍。最初的想法是直接用函数配合正则表达式来动态生成友链列表——就像之前看到那篇《用函数正则表达式来实现友链》里写的那样。但实际做的时候，发现输出总是会多出一些空的 p 标签，怎么调都去不掉。这些多余的空标签直接打乱了 Grid 布局的节奏，排版变得乱七八糟。

我对着代码琢磨了半天，正则也反复改写了几版，但还是没搞定。说到底，PHP 不是我的舒适区，硬刚下去也只是浪费时间。于是，我果断换了一条路：改用 typecho 后台的“主题外观配置”来实现友链的录入和展示——虽然没那么“程序感”，但至少稳定，不容易崩。

不过，新的问题又来了：一旦友链数量多了，整个页面就显得特别拥挤，尤其是底部还同时放着“友情链接”和“网站安排表”两个模块，它们紧紧挨在一起，像是暗中谋划什么神秘事件似的，视觉效果非常局促，阅读体验也打了折扣。

所以我就在想，是不是可以再往前走一步？比如用 Layui 这类轻量级的前端框架，重新设计一下主题配置的界面？不仅可以分组收纳、折叠展开，还能支持拖拽排序、按分类筛选……那样的话，不管友链再多，也能保持整洁和灵活。

或许接下来真可以试试看。结果如下图。

教程已经丢到知乎里了，感兴趣的朋友可以过去看看

layui主题配置