布局仍乱(真正残余 bug
布局仍乱(真正残余 bug):抓包发现 v1.0.1 还有个结构问题——页面模板的 head 片段用了 <head th:fragment="head">,被布局嵌入后产生非法的嵌套 <head>,浏览器重排导致标题错乱、样式表现怪异(你看到的“乱”)。已按官方文档写法把全部 10 个模板改为 <th:block th:fragment="head">,渲染结果恢复为干净的单文档结构。
③ 手机端打开慢:根因就是之前那个套娃页——整页内容渲染两遍、插件脚本加载两份、DOM 体积翻倍,手机解析吃力。结构修复后恢复正常(实测服务端响应 0.2 秒左右),图片本身已带懒加载和响应式缩略图。
④ 桌面端三栏布局(参考 kanle / wang618):
顶栏:左侧站名 logo,右侧夜间模式圆钮;手机端顶栏自动出现横滑导航
左栏:菜单卡(博客首页/朋友圈动态/时间线归档/分类/标签 + 自定义链接)、统计卡(文章/评论/访问数,来自官方
siteStatsFinder)、搜索卡中栏:朋友圈资料头 + 信息流(原样保留九宫格/视频/音乐/定位/点赞全部功能)
右栏:博主资料卡、随机阅读(
postFinder.random)、标签云(tagFinder.listAll)响应式:≤1200px 收起右栏,≤900px 收起左栏退回单栏朋友圈式,移动端体验不变
所有新用到的 Finder 均已对照官方文档核实字段,15 个模板七项扫描 + YAML 校验通过。升级后记得 Ctrl+F5 强刷,如果主题设置里还没传头像和封面背景图,去「主题设置 → 朋友圈资料 / 基础」补上,头部效果会完整很多。
留言楼层
看完文章想说点什么?留言会按楼层展示