这里记每一次改动:做了什么、为什么做、踩了什么坑。 下面每条都按「涉及内容 / 更新详情」写,方便以后回查。
B 站视频卡片
涉及内容
- zj-bili.php、卡片样式
更新详情
在说说或文章里直接贴一条 B 站视频链接,或者写 [bili bvid="BV号"],就会变成一张卡片:封面、标题、UP 主、播放量、时长,点一下进原视频。封面走 B 站图床的裁剪参数,所以加载的是 480 宽的小图。视频信息缓存七天,同一支视频不会反复请求接口。
从文章页回首页,Bento 不再消失
涉及内容
- zj-bento.php 拆分出 zj-bento-rebuild.php;pjax 事件处理
更新详情
Bento 的重建脚本原先被限制在首页输出,从文章页落地时页面里没有这段脚本,PJAX 换页又不执行新页面脚本,于是回首页时没人负责重建。现已拆成两个文件:标记仍只在首页,重建逻辑全站常驻,并加了「无缓存时现场抓一份首页 HTML」的兜底。
侧栏播放器终于点得到暂停
涉及内容
- 主题 style.css 的 h1~h6::before;侧栏标题样式
更新详情
主题给所有标题塞了一个 80px 高、带 -80px 负边距的伪元素;净布局是 0,肉眼看不出来,但标题盒子确实向上伸出了 80px,正好盖住播放器。已在侧栏范围内关掉这个伪元素,同时删掉了之前加的一批临时补丁。
上下篇按钮悬停时不再有黑影
涉及内容
- 文章页 .post-squares 样式
更新详情
黑影不是 box-shadow,而是主题的 .post-squares a:hover > .background 在悬停时把封面层露出来(opacity .6)。已将该层彻底隐藏,悬停改为纯薄荷发光描边。
文章页排版:正文回到白纸,不再挤到壁纸
涉及内容
- 文章页 site-content 间距;article 背景与纸纹
更新详情
撤掉了之前加的 -40px 负边距;并清掉 article 上的卡片底、边框、阴影与纸纹,正文现在直接落在白底上。
三处微交互上线:品牌色光晕 / 滚动进入 / 跟随光斑
涉及内容
- zj-effects.php、卡片悬停与入场样式
更新详情
悬停阴影从灰影换成薄荷发光;列表与内容块进入视口时依次淡入上浮;Bento 与文章卡上光标移动会带一团淡光。全部遵循「减少动态效果」设置,且未启用脚本时内容照常显示。
纸纹与玻璃参数变量化
涉及内容
- CSS 变量 --zj-glass-* / --zj-paper-*
更新详情
卡片底色、描边、阴影、悬停强度、纸纹浓度全部抽成变量,以后调一处即可全站生效。
新增归档页
涉及内容
- /archives/ 页面与归档样式
更新详情
按年月分组的时间线,顶部四格统计(文章数 / 总字数 / 平均每篇 / 月份数),条目显示日期、标题、字数。
安全三件套
涉及内容
- nginx 配置
更新详情
关闭服务器版本号输出;拒绝 xmlrpc.php;wp-login.php 加请求限流(连续失败会被短暂拦截)。改动前均备份配置,nginx -t 通过后才平滑重载。
关于页标签变成一串纯文字
涉及内容
- 关于页标签区
更新详情
后台保存富文本时,编辑器的安全过滤把 span 标签剥掉了,换行还被转成 br。已恢复标签结构,并改为单行书写以免再被插换行。
页面底色统一:壁纸只在首页首屏
涉及内容
- 首页与内页背景
更新详情
首页壁纸改由首屏承载、波浪以下为纯白;内页一律白底。暗色用深色底,并单独处理了文章正文的对比度。
首页 Bento 改版:交错配色 + 大图轮播
涉及内容
- 首页速览区
更新详情
一言条用淡粉、作者卡与说说条用薄荷,其余卡片留白,形成交错节奏;照片墙改为单张大图轮播,最新文章卡轮播最近三篇,点哪张进哪篇。
首页速览区(Bento)上线
涉及内容
- 首页
更新详情
在首屏之下插入一格一格的速览区:每日一言、最新文章、作者卡、博主爱听、在看什么、最近在说,以及 Steam 与 Minecraft 状态。首屏仍是满屏壁纸。
参考与致谢
本站的版式与技法参考过下面这些来源。所有代码均自行重写,未复制原仓库代码。