博客系统 v3.2 更新日志:首屏 10 秒到 1 秒 · AI 知识库 · 后台六大页面

33 阅读 1579 字 约 8 分钟 2026-10-12 22:23 · 更新于 2026-10-13 13:07

时间跨度:2026-10-05 ~ 2026-10-11

如果说 v3.1 是打地基,这一周做的就是把「快」和「好用」拉满 —— 首屏从 10 秒降到 1 秒内,AI 从"能用"变成"好用",后台管理补上了六大页面。

一、性能:首屏从 10 秒到 1 秒内

  • 首页首屏加载从约 10 秒降到 1 秒内 —— 关闭 Nuxt 路由预取(此前一次会拉取 240 多个 JS 分片)、背景图统一转 WebP、首页多个接口合并为一个聚合接口。
  • 首屏请求数从约 250 个降到 43 个(-83%),渲染时间从 8.1 秒降到 2.4 秒;修复背景图每次访问都被全量预加载的问题(原先白拉 8 张约 3MB),改为只加载当前使用的那一张。
  • 图片体积治理:动态页图片改用服务端缩略图(单页首屏图片从约 30MB 降到 1.8MB)、直播挂件封面压缩(13MB → 0.3MB)、文章动图封面转 WebP(11.8MB → 1.45MB)。
  • 前端零停机发布:彻底解决构建期间(约 2 分钟)全站 500 的问题。

二、LCR AI:从"能用"到"好用"

  • 站内知识库问答:基于站内文章、动态、项目、评论等内容检索作答,回答自动附带引用卡片。
  • 支持流式输出、图片理解、深度调查(多步检索的 Agent)、视频理解(抽帧 + 语音转写 + 摘要)。
  • 新增思考模式开关(关 / 自动 / 开)、模型能力一键同步、上下文预算随模型窗口自适应。
  • 图片仅在问到画面时才附加(此前每次请求都会白附 3 张图,明显拖慢响应);上游超时或网络错误一次即熔断,避免坏模型拖慢整条回退链。
  • 修复对话完全无法使用、流式引用标记外露、列举型提问检索不到内容、多模态模型看不到站内图片、天气/归属地/违禁词工具不生效等一系列问题。

三、后台管理:六大新页面

  • 环境变量管理:.env 可视化增删改查,敏感值永不回显、修改需登录密码二次确认、每次改动自动快照(保留 20 份)并可一键回滚。
  • Skill 中心:内置 9 个站点开发 / 运维知识包(二开规范、部署发布、环境检查、主题与插件开发、数据库迁移、安全加固、性能诊断等),可在线编辑、下载 .zip 分发、上传 .zip 导入。
  • Prompt 管理:LCR AI 的 17 个提示词全部支持在线查看与编辑,保存自动备份历史版本、可一键回滚,约 5 秒生效无需重启。
  • 邮件记录:全站 13 类外发邮件统一记录收件人、模板、状态、耗时与失败原因,失败邮件一键重发。
  • 主题与插件上传:支持 zip / tar.gz 直接安装,自动校验清单完整性与文件安全,旧版本自动备份可回滚。
  • 阅读工具:文章详情页右侧栏新增字号行距调节(自动记忆)与全文朗读(分段高亮跟随、语速调节)。

四、分享与视觉

  • 分享图工作台全面重做:预览即所得的真实排版(文字始终清晰不糊),支持 9:16 竖版与 1:1 方版两套版式、四套主题配色(松林 / 墨色 / 陶土 / 海洋)、二维码样式与颜色自定义,卡片元素可拖拽微调。
  • 全站 1055 处硬编码颜色收敛为 CSS 变量体系(主色深绿 #2d6a4f + 浅绿 #40916c),修正 20 余处细微色差,为整套配色切换打底。
  • 修复前台部分提示弹窗不显示、多个提示互相顶掉的问题;提示统一为极简风格、轻提示改为磨砂玻璃风格。

五、友链与评论

  • 友链自动排名:按「内容新鲜度 + 站点速度」排名 —— 每 6 小时真实测速,RSS 更新占 70%、速度占 30%;卡片右上角常驻显示实测加载时间;对返回 403 的站点支持人工指定分数。
  • 友链头像全部自托管:37 个头像从各友站下载处理为本地 160px WebP(7.4MB → 276KB),并自动抓取网站图标补齐缺失头像。
  • 评论支持三套表情:B 站小黄脸、微信经典表情(105 个)、QQ 空间表情(105 个,动图),重名表情可精确区分,图片全部由本站代理缓存。
友链页:卡片右上角常驻显示实测加载时间,按内容新鲜度与站点速度自动排名
友链页:卡片右上角常驻显示实测加载时间,按内容新鲜度与站点速度自动排名

六、可用性修复

  • 修复部分访客完全无法打开站点的问题 —— 原因是安全防护规则把安卓 App、代理软件、隐私工具等正常客户端误判为爬虫并直接断开连接;现已收窄为只拦截真正的镜像工具,防护力度不减。
  • 修复背景图路径规则缺失导致全部 404、首页背景不显示的问题。
  • 新增连接诊断页 /diag.html:遇到打不开的情况,打开该页可自动逐层检测并给出结论(是网络问题还是站点问题)。
连接诊断页 /diag.html:逐层检测网络与站点状态并自动给出结论
连接诊断页 /diag.html:逐层检测网络与站点状态并自动给出结论

至此,v3.2 让站点在体验上完成了一次整体跃升。下一篇将单独介绍本轮最重的一次改造:后端从 Node.js 全面迁移到 Go。

本作品采用 CC BY-NC-SA 4.0 许可协议
侵权举报

评论 (0)

支持 Markdown · Ctrl+Enter 发送
加载评论中...