[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"app-site-settings":3,"plugin-slots":41,"article-detail-45":44},{"site_name":4,"site_description":5,"site_keywords":6,"footer_copyright_text":7,"footer_icp_text":8,"footer_icp_url":9,"footer_show_icp":10,"footer_server_info":11,"footer_show_visit":10,"footer_show_sitemap":10,"footer_show_subscribe":10,"contact_email":12,"sec_enable_host_check":10,"sec_allowed_hosts":13,"sec_allowed_origins":14,"sec_enable_hotlink":15,"sec_hotlink_allow":16,"sec_enable_honeypot":10,"sec_rate_limit_window":17,"sec_rate_limit_max":18,"nav_menus":19,"site_logo":11,"site_favicon":20,"comment_moderation":10,"footer_gongan_text":21,"footer_gongan_url":22,"footer_report_text":23,"footer_report_email":12,"comment_ai_review":10,"fl_site_info":24,"auto_defense_enabled":25,"auto_defense_threshold":26,"auto_defense_ban_hours":27,"auto_defense_bad_ua_enabled":10,"auto_defense_scan_enabled":10,"sec_comment_rate_enabled":10,"sec_comment_rate_limit":28,"sec_comment_rate_mode":29,"bg_image_enabled":15,"about_config":30,"about_content":31,"copyright_notice":32,"ack_intro":33,"island_festival_enabled":10,"island_festival_start":34,"island_festival_end":35,"island_festival_text":36,"site_url":37,"theme_active":38,"theme_config":39,"sec_base_domain":11,"brand_name":40,"comment_require_login":10,"ai_nav_seeded":10},"lcrworld's Blog","技术、项目与生活记录。分享技术教程、文学创作、摄影作品与生活感悟。","lcrworld,博客,技术,Vue,Node.js,摄影,文学,井天乐,blog","© {year} {site}","冀ICP备2026028241号","https:\u002F\u002Fbeian.miit.gov.cn\u002F","1","","lcrblog@163.com","[\"lcrworld.xyz\",\"www.lcrworld.xyz\",\"en.lcrworld.xyz\",\"localhost\",\"127.0.0.1\"]","[\"https:\u002F\u002Flcrworld.xyz\",\"https:\u002F\u002Fwww.lcrworld.xyz\",\"https:\u002F\u002Fen.lcrworld.xyz\",\"http:\u002F\u002Flocalhost\",\"http:\u002F\u002F127.0.0.1\",\"http:\u002F\u002Flocalhost:3001\",\"http:\u002F\u002F127.0.0.1:3001\",\"http:\u002F\u002Flocalhost:5173\",\"http:\u002F\u002Flocalhost:5174\"]","0","[]","60","100","[{\"label\":\"首页\",\"path\":\"\u002F\"},{\"label\":\"时光\",\"path\":\"\u002Farchives\"},{\"label\":\"动态\",\"path\":\"\u002Fmoments\"},{\"label\":\"实验\",\"path\":\"\u002Fexperiments\"},{\"label\":\"关于\",\"path\":\"\u002Fabout\"},{\"label\":\"媒体库\",\"path\":\"\u002Fmedia\"},{\"label\":\"小玩具\",\"path\":\"\",\"href\":\"https:\u002F\u002Flab.lcrworld.xyz\",\"exact\":false,\"newtab\":true},{\"label\":\"音乐盒\",\"path\":\"\u002Fmusic\"},{\"label\":\"友人帐\",\"path\":\"\u002Ffriend-links\"},{\"label\":\"LCR AI\",\"path\":\"\u002Fai\"}]","\u002Ffavicon-32x32.png","冀公网安备13010402003584号","https:\u002F\u002Fbeian.mps.gov.cn\u002F#\u002Fquery\u002FwebSearch?code=13010402003584","违法和不良信息举报","{\"name\":\"lcrworld's blog\",\"url\":\"https:\u002F\u002Flcrworld.xyz\",\"avatar\":\"https:\u002F\u002Flcrworld.xyz\u002Fdefault-avatar.jpeg\",\"desc\":\"lcrworld的个人博客，分享文章，记录日常\",\"rss_articles\":\"https:\u002F\u002Flcrworld.xyz\u002Fapi\u002Frss\u002Ffeed\u002Fnewrss\",\"rss_moments\":\"https:\u002F\u002Flcrworld.xyz\u002Fapi\u002Frss\u002Ffeed\u002Fnewrss\"}","true","10","24","3","review","{\"heroSubtitle\":\"lcrworld 的个人数字花园\",\"rssArticleLabel\":\"文章 RSS\",\"rssMomentLabel\":\"动态 RSS\",\"statsLabels\":[\"文章\",\"动态\",\"媒体\",\"评论\",\"总访客\",\"今日访客\"],\"lifeFacts\":[{\"icon\":\"♒\",\"value\":\"水瓶座\",\"label\":\"星座\",\"accent\":\"\"},{\"icon\":\"📆\",\"value\":\"14\",\"label\":\"年龄\",\"accent\":\"\"},{\"icon\":\"❤️\",\"value\":\"女\",\"label\":\"性别\",\"accent\":\"\"}],\"personality\":{\"tips\":\"性格\",\"title\":\"INFJ 提倡者\",\"badge\":\"INFJ\",\"badgeColor\":\"#52b788\",\"desc\":\"理想主义与共情力的结合。喜欢深度思考，安静而坚定，追求有意义的事，相信文字与创造可以改变世界。\",\"linkText\":\"了解 MBTI 人格 →\",\"linkUrl\":\"https:\u002F\u002Fwww.16personalities.com\u002Fch\u002F\",\"imageUrl\":\"https:\u002F\u002Flcrworld.xyz\u002Fuploads\u002Fmedia\u002Fcompressed\u002F6952-1789746513543.webp\"},\"donation\":{\"tips\":\"感谢\",\"title\":\"打赏支持\",\"intro\":\"如果这里的内容对你有帮助，欢迎请我喝一杯咖啡喵～\",\"buttonText\":\"投喂\",\"wechatQr\":\"https:\u002F\u002Flcrworld.xyz\u002Fuploads\u002Fmedia\u002Fcompressed\u002F7363-1790990938950.webp\",\"alipayQr\":\"\"}}","你好，我是 **lcrworld**，一个喜欢折腾的技术爱好者。这里是我的个人数字花园，用来安放技术笔记、文学创作、摄影作品与生活碎片。\n\n## 关于这个博客\n\n博客自 2026 年 5 月上线运行，同年 8 月完成 **Nuxt 4 + Node.js + SQLite** 全栈重构。从数据库到部署、从设计到文案，全部由我一个人完成。\n\n- 文章：Markdown 写作、AI 智能摘要、AI 目录生成、阅读设置（字号 \u002F 行高 \u002F 字体）\n- 动态：碎语板块，记录日常灵感与即兴想法\n- 评论：人机验证 + AI 审核，先审后发，保护讨论环境\n- 其他：背景实验室（BG Lab）、友链、版权中心、更新日志\n\n> 这个站点本身就是我最大的作品——它每天都在被我打磨。\n\n## 我在做什么\n\n- **开发**：Vue \u002F Nuxt \u002F Node.js，喜欢把想法变成能用的东西\n- **写作**：技术教程、文学创作与摄影记录\n- **开源**：在 GitHub \u002F Gitee 维护个人项目，贡献数据见下方\n\n## 联系我\n\n- 邮箱：[lcrblog@163.com](mailto:lcrblog@163.com)\n- B 站：投稿见上方「B站投稿」\n- 友链 \u002F 合作：欢迎前往「友链」页面申请\n\n## 说明\n\n本站内容除特殊声明外均为原创，转载或引用请注明出处并附原文链接，详见[版权中心](\u002Fcopyright)。","{\"source_code\": \"本站源代码为闭源项目，未对外开源，不提供源码下载、分发或二次开发授权。\", \"content\": \"本站文章均为原创并保留所有权利（All Rights Reserved）。任何转载、摘编、翻译、演绎或商业使用，均须事先获得作者书面授权，并注明出处及原文链接。变更生效前（2026 年 9 月 5 日之前）依据 CC BY-NC-SA 协议已合法取得的授权不溯及既往，仍然有效。\", \"updated_at\": \"2026-09-13\"}","{\"title\":\"鸣谢\",\"subtitle\":\"致每一位曾为 v3blog 伸出援手的朋友\",\"text\":\"一个站点的成长，离不开朋友们的真心帮助。以下是 v3blog 开发过程中给予过支持与启发的伙伴，谨以此页，聊表谢意。\",\"updated_at\":\"2026-09-05\"}","2026-09-23","2026-09-30","祖国母亲77周年🎉","https:\u002F\u002Flcrworld.xyz","default","{}","lcrworld",{"slots":42,"active":43},{},[],{"id":45,"title":46,"slug":47,"content":48,"excerpt":49,"cover_url":50,"category_id":51,"author_id":52,"status":53,"view_count":54,"like_count":55,"word_count":56,"is_pinned":55,"total_reading_time":55,"reading_count":55,"avg_reading_time":55,"created_at":57,"updated_at":58,"background_url":59,"seo_keywords":60,"ai_summary":61,"lang":62,"translation_of":59,"is_hidden":55,"scheduled_at":59,"license":63,"ai_toc":64,"category_name":65,"category_slug":65,"author_name":40,"tags":66,"prev_article":67,"next_article":72},45,"博客 V2.0 正式发布：我给这个小破站做了一次大手术","博客-v20-正式发布我给这个小破站做了一次大手术","\u003Cp>\u003C\u002Fp>\u003Ch2>写在前面\u003C\u002Fh2>\u003Cdiv>可以打开\u003Ca href=\"http:\u002F\u002F39.97.233.240\">v1博客\u003C\u002Fa>对照食用，效果更佳哦\u003Cbr>\u003C\u002Fdiv>\u003Cp>\u003C\u002Fp>\u003Cp>\u003Cbr>\u003C\u002Fp>\u003Cp>博客上线两个月了。V1 版本就是个能跑的毛坯房——文章能发、评论能写、页面能看，仅此而已。作为一个对细节有执念的人，我实在受不了那些粗糙的地方，于是花了一个半月做了次全面升级。\u003C\u002Fp>\u003Cp>这篇文章聊聊 V2 版本到底多了些什么。文中一些功能加了「立即体验」链接，读完了可以直接去试试。\u003C\u002Fp>\u003Ch2>V2 都更新了啥？\u003C\u002Fh2>\u003Cul>\u003Cli>\u003Cstrong>AI 智能助手\u003C\u002Fstrong>——评论 @lcr 召唤 AI 回复，文章自动生成智能摘要\u003C\u002Fli>\u003Cli>\u003Cstrong>全站灯箱系统\u003C\u002Fstrong>——图片视频统一查看器，双指缩放、缩略图导航、下载\u003C\u002Fli>\u003Cli>\u003Cstrong>评论邮件通知\u003C\u002Fstrong>——有人回复你的评论会发邮件，多条合并\u003C\u002Fli>\u003Cli>\u003Cstrong>RSS 订阅 + 邮件订阅\u003C\u002Fstrong>——两种方式追踪博客更新\u003C\u002Fli>\u003Cli>\u003Cstrong>暗色模式\u003C\u002Fstrong>——全站适配，一键切换\u003C\u002Fli>\u003Cli>\u003Cstrong>媒体库全面重做\u003C\u002Fstrong>——相册系统 + 精选页面 + 入场动画\u003C\u002Fli>\u003Cli>\u003Cstrong>管理后台数据大盘\u003C\u002Fstrong>——访客数据、设备分析、最近访客详情\u003C\u002Fli>\u003Cli>\u003Cstrong>页面性能优化\u003C\u002Fstrong>——首屏加载速度大幅提升，返回不重新加载\u003C\u002Fli>\u003Cli>\u003Cstrong>友人帐全面美化\u003C\u002Fstrong>——粒子背景、3D 磁吸、弹簧动画\u003C\u002Fli>\u003Cli>\u003Cstrong>怀旧版博客\u003C\u002Fstrong>——交互式预览旧版博客\u003C\u002Fli>\u003Cli>\u003Cstrong>朋友圈实验页面\u003C\u002Fstrong>——仿微信朋友圈九宫格动态\u003C\u002Fli>\u003Cli>\u003Cstrong>文章置顶轮播\u003C\u002Fstrong>——首页置顶文章卡片轮播展示\u003C\u002Fli>\u003Cli>\u003Cstrong>代码块一键复制\u003C\u002Fstrong>——hover 显示复制按钮\u003C\u002Fli>\u003Cli>\u003Cstrong>阅读进度条 + 回到顶部\u003C\u002Fstrong>——顶部进度条，滚动后浮现回到顶部按钮\u003C\u002Fli>\u003Cli>\u003Cstrong>文章分享图\u003C\u002Fstrong>——生成带标题和摘要的分享图片\u003C\u002Fli>\u003Cli>\u003Cstrong>文章目录侧边栏\u003C\u002Fstrong>——常驻显示，滚动高亮当前章节\u003C\u002Fli>\u003Cli>\u003Cstrong>背景图实验室\u003C\u002Fstrong>——展示所有背景图并支持打分\u003C\u002Fli>\u003Cli>\u003Cstrong>通知横幅系统\u003C\u002Fstrong>——首页横幅通知，后台可编辑\u003C\u002Fli>\u003Cli>\u003Cstrong>全站 SEO 优化\u003C\u002Fstrong>——meta 信息、结构化数据、sitemap、IndexNow\u003C\u002Fli>\u003Cli>\u003Cstrong>网站字体本地化\u003C\u002Fstrong>——不再依赖外部 CDN\u003C\u002Fli>\u003Cli>\u003Cstrong>网易云音乐集成\u003C\u002Fstrong>——搜索、播放、歌词、歌单导入，毛玻璃界面\u003C\u002Fli>\u003Cli>\u003Cstrong>首页手势动画\u003C\u002Fstrong>——手势驱动的交互动画 + 实验场演示页\u003C\u002Fli>\u003Cli>\u003Cstrong>各种 bug 修复\u003C\u002Fstrong>——草稿权限泄露、评论删除报错、分类筛选翻页失败等\u003C\u002Fli>\u003C\u002Ful>\u003Cp>下面挨个聊。\u003C\u002Fp>\u003Ch2>AI 智能助手\u003C\u002Fh2>\u003Cp>评论区接入了 GLM-4.7 大模型。现在你在评论里 @lcr 就能召唤 AI 回复，它有点皮、爱玩梗、偶尔阴阳怪气，不是那种冷冰冰的客服机器人。AI 助手有独立身份——名字叫 lcrAI，紫色标签，专属头像，不计入评论统计。它会根据文章内容和上下文自己组织回复，有时候比博主本人回复得还快。\u003C\u002Fp>\u003Cp>每篇文章标题下面还有一个 AI 智能摘要，它会读完整篇文章然后用一两句话总结核心内容，以打字机效果逐字展示。懒得看长文的，扫一眼摘要就知道文章讲什么。\u003C\u002Fp>\u003Cp>👉 \u003Ca href=\"\u002Farticles\u002F45#comments\">立即体验：在本文评论区输入 @lcr 试试 AI 回复\u003C\u002Fa>\u003C\u002Fp>\u003Cp>(看完文章到评论区体验即可)\u003C\u002Fp>\u003Ch2>全站灯箱系统\u003C\u002Fh2>\u003Cp>之前博客的图片查看体验很割裂——媒体库一种查看器，相册另一种，动态又是一种，文章里的图片干脆不能点。四个页面四套代码，功能还不一样。于是写了一个统一的灯箱组件，全站所有图片视频的展示全部统一了。\u003C\u002Fp>\u003Cp>图片支持双指缩放（手机）和滚轮缩放（电脑），1 到 5 倍随意放大，放大后可以拖拽平移，双击切换缩放。底部有连续缩略图条，高亮当前项，切换时自动滚动到中间。键盘左右箭头切换，支持下载和全屏。视频也统一到灯箱里，外观一致，播放器还是用系统的，不造轮子。\u003C\u002Fp>\u003Cp>文章正文里的图片现在也能点击放大了，动态详情页之前没有灯箱现在也接上了。全站图片视频体验终于统一了。\u003C\u002Fp>\u003Cp>👉 \u003Ca href=\"\u002Fmedia\">立即体验：去媒体库点张图试试灯箱\u003C\u002Fa>。\u003C\u002Fp>\u003Ch2>评论邮件通知\u003C\u002Fh2>\u003Cp>之前有人留了评论，别人回复了他完全不知道，除非自己回来刷页面。评论区像扔进黑洞的信，有没有回复全靠缘分。现在评论时留了邮箱的话，有人回复你会自动发邮件通知，邮件里有原评论、回复内容和跳转链接，点一下就能回到评论区。\u003C\u002Fp>\u003Cp>为了不骚扰人，做了几个限制：同一邮箱每天最多 2 封；多条回复合并成一封，标题是「亲爱的 xxx，你在 lcrworld's Blog 的评论收到了 N 条回复」；AI 回复也触发通知；博主自己回复不通知自己。管理后台可以开关功能、设置限额、查看发送记录。邮件模板重新设计了，Georgia 衬线字体，黑白极简风格，移动端适配。\u003C\u002Fp>\u003Cp>👉 \u003Ca href=\"\u002Farticles\u002F45#comments\">立即体验：在本文评论区留个邮箱，然后让别人回复你\u003C\u002Fa>\u003C\u002Fp>\u003Cp>(看完文章到评论时填写即可)\u003C\u002Fp>\u003Ch2>RSS 订阅 + 邮件订阅\u003C\u002Fh2>\u003Cp>RSS 支持两个源：文章 RSS 和动态 RSS，用任何 RSS 阅读器都能订阅，有新内容自动推送。邮件订阅则更直接——留下邮箱确认后，每次发布新文章都会收到通知邮件，不想收了随时退订，链接在邮件底部。\u003C\u002Fp>\u003Cp>在信息流全被算法把持的今天，RSS 和邮件订阅是少有的你能完全自己控制的信息获取方式——订阅了就一定能收到，不会被算法过滤掉，也不会被推荐你不感兴趣的内容。\u003C\u002Fp>\u003Cp>👉 \u003Ca href=\"\u002Fabout\">立即体验：去关于页面订阅 RSS 或邮件\u003C\u002Fa>\u003C\u002Fp>\u003Ch2>暗色模式\u003C\u002Fh2>\u003Cp>顶部导航栏有日\u002F月图标，点击切换。不是简单把背景翻黑，而是全站每个组件都单独调了暗色配色——侧边栏、文章卡片、评论区、输入框、图表、时间线、灯箱、媒体库等等，每一个都重新配色。切换即时生效不用刷新，设置会记住，下次来还是你上次选的。\u003C\u002Fp>\u003Cp>👉 \u003Ca href=\"\u002F\">立即体验：点右上角日\u002F月图标切换暗色模式\u003C\u002Fa>\u003C\u002Fp>\u003Ch2>媒体库全面重做\u003C\u002Fh2>\u003Cp>之前媒体库就是一个图片平铺列表，没什么设计感，跟文件夹浏览没区别。V2 做了彻底重做：首页改成精选页面，以相册集形式展示，每个相册有封面图和标题，卡片有从底部向上滑入的入场动画。相册详情页图片以相框边框形式展示，hover 可看图片介绍，点击进入灯箱。管理后台支持创建相册、上传封面、移入移出媒体、拖拽排序、批量操作等完整管理功能。\u003C\u002Fp>\u003Cp>顺便修了一个烦人的 bug：媒体库滚动时卡片会乱跳往上蹿，是 CSS transition: all 导致的——新卡片插入时已有卡片的位置变化被动画化了，改成只过渡需要的属性就好了。\u003C\u002Fp>\u003Cp>👉 \u003Ca href=\"\u002Fmedia\">立即体验：去看看新的媒体库精选页面\u003C\u002Fa>\u003C\u002Fp>\u003Ch2>管理后台数据大盘\u003C\u002Fh2>\u003Cp>之前后台只能管理内容，啥数据都看不到，两眼一抹黑。现在加了数据大盘：今日访问量、独立访客数、设备分布、浏览器分布、来源分析、最近访客详情、最近评论一览。访客追踪系统记录每次访问的 IP、设备、浏览器、来源、停留时长。关于页面也开放了访客趋势图表，近 30 天的 PV\u002FUV 走势一目了然。\u003C\u002Fp>\u003Cp>👉 \u003Ca href=\"\u002Fabout\">立即体验：关于页面有近 30 天 PV\u002FUV 趋势图表\u003C\u002Fa>\u003C\u002Fp>\u003Ch2>页面性能优化\u003C\u002Fh2>\u003Cp>之前首页白屏时间长，排查发现是首屏同步解析了 43 张背景图模块（27MB），全塞进了主 bundle，浏览器得把它们全下载完才能渲染。改成按需加载后首屏几乎秒开，背景图在用户滚动到对应区域时才加载。另外做了列表页缓存优化——浏览文章列表后点进文章再返回，不重新加载、不闪烁、滚动位置保持不变。之前返回会闪一下重新拉数据，现在丝滑了。\u003C\u002Fp>\u003Ch2>友人帐全面美化\u003C\u002Fh2>\u003Cp>全站最花的页面，没有之一。动态粒子背景（Canvas 粒子连线）、SVG 丝带弹性连接、玻璃拟态卡片、卡片入场弹簧动画、悬浮 3D 磁吸效果（鼠标靠近时卡片跟着倾斜）、头像旋转光环、标题字符摔落动画。\u003C\u002Fp>\u003Cp>可能有点过度设计，但好看就完事了——友人帐嘛，就得有排面。\u003C\u002Fp>\u003Cp>👉 \u003Ca href=\"\u002Ffriends\">立即体验：去看看这个花里胡哨的页面\u003C\u002Fa>\u003C\u002Fp>\u003Ch2>怀旧版博客\u003C\u002Fh2>\u003Cp>关于页里加了怀旧版区块，可以交互式预览旧版博客的样子，还原了旧版白色侧边栏、顶部栏、首页头像、卡片风格。数据实时调用当前博客 API，内容是同步的——你看到的文章、动态都是最新的，只是套了个旧版皮肤。算是给博客留个纪念，也算记录一下变迁。\u003C\u002Fp>\u003Cp>👉 \u003Ca href=\"\u002Fabout\">立即体验：在关于页面往下滚找到怀旧版\u003C\u002Fa>\u003C\u002Fp>\u003Ch2>朋友圈实验页面\u003C\u002Fh2>\u003Cp>实验场里加了一个仿微信朋友圈页面，九宫格图片展示，点击进入灯箱，1:1 还原微信朋友圈视觉风格。发动态、配图、点赞评论都有，算是把博客的动态系统换了个微信皮肤。首页也做了动画升级，加了手势驱动动画和实验场演示页。\u003C\u002Fp>\u003Cp>👉 \u003Ca href=\"\u002Flab\u002Fmoments-wechat\">立即体验：去看看仿微信朋友圈页面\u003C\u002Fa>\u003C\u002Fp>\u003Ch2>文章置顶轮播\u003C\u002Fh2>\u003Cp>后台可以设最多 5 篇置顶文章，首页以轮播卡片形式展示，5 秒自动切换，也可以手动点左右箭头。重要的文章可以钉在最前面，不会被新内容冲下去。之前置顶文章就是在列表前面多显示一遍，现在有了专属的轮播展示位，体面多了。\u003C\u002Fp>\u003Cp>👉 \u003Ca href=\"\u002F\">立即体验：回首页看看置顶轮播卡片\u003C\u002Fa>\u003C\u002Fp>\u003Ch2>代码块一键复制\u003C\u002Fh2>\u003Cp>文章里的代码块，鼠标 hover 会显示复制按钮，点击直接复制到剪贴板。看技术文章的时候方便不少，不用手动框选复制了。移动端也有按钮，不依赖 hover。\u003C\u002Fp>\u003Ch2>阅读进度条 + 回到顶部\u003C\u002Fh2>\u003Cp>页面顶部一条绿色渐变进度条，实时显示当前阅读到了哪里。滚动超过一定距离后右下角浮现回到顶部按钮，点击平滑滚回顶部。都是小功能，但看长文的时候体验好很多——这篇文章就很长，你可以往上滚一下试试。\u003C\u002Fp>\u003Cp>👉 你现在往上滚一下就能看到顶部的进度条，右下角也有回到顶部按钮。\u003C\u002Fp>\u003Ch2>文章分享图\u003C\u002Fh2>\u003Cp>文章详情页有「生成分享图」按钮，可以生成一张带文章标题和摘要的图片，方便发到社交平台。不用自己截图再配字了，一键生成，保存即用。配色和博客主题一致，发出去也好看。\u003C\u002Fp>\u003Cp>👉 本文标题下方就有分享按钮，看完了点一下试试。\u003C\u002Fp>\u003Ch2>文章目录侧边栏\u003C\u002Fh2>\u003Cp>文章详情页的目录从原来的内嵌改成侧边栏常驻显示，粘性定位，滚动时高亮当前章节，点击直接跳转到对应位置。长文章找章节方便多了。手机端会折叠成顶部的展开按钮，不占空间。\u003C\u002Fp>\u003Cp>👉 你现在看看屏幕右侧（桌面端），应该能看到本文的目录。\u003C\u002Fp>\u003Ch2>背景图实验室\u003C\u002Fh2>\u003Cp>实验场里的一个页面，展示博客用过的所有背景图，支持五星打分。低于 1 星的会自动过滤，不再在博客中展示。打分数据持久化存储，下次来还在。相当于让读者投票决定哪些背景图留哪些走。\u003C\u002Fp>\u003Cp>👉 \u003Ca href=\"\u002Flab\">立即体验：去实验场给背景图打分\u003C\u002Fa>\u003C\u002Fp>\u003Ch2>通知横幅系统\u003C\u002Fh2>\u003Cp>首页可以显示横幅通知，后台可编辑内容。5 分钟内关闭后不会重复弹出，从管理页切回时自动重新检查。有公告或者通知的时候用，比如这次 V2 发布就可以挂个横幅。\u003C\u002Fp>\u003Ch2>全站 SEO 优化\u003C\u002Fh2>\u003Cp>补齐了所有页面的 meta 信息、Open Graph 标签、JSON-LD 结构化数据。新增了 sitemap.xml 和 robots.txt。提交了 Bing IndexNow，新内容发布后能即时被搜索引擎收录，不用等爬虫慢慢爬。文章标题会自动设为浏览器标签页标题，分享到社交平台也有正确的预览图和摘要。\u003C\u002Fp>\u003Ch2>网站字体本地化\u003C\u002Fh2>\u003Cp>之前博客用的是 LXGW WenKai 字体，从 CDN 加载。CDN 挂了字体就没了，全站回退到系统字体，观感直接降级。现在把字体文件（485 个子集文件，26MB）全部下载到服务器本地，不再依赖外部服务。CDN 挂不挂都跟我没关系了。\u003C\u002Fp>\u003Ch2>网易云音乐集成\u003C\u002Fh2>\u003Cp>音乐库接入了网易云音乐，可以直接搜索歌曲、在线播放、同步歌词，还支持导入网易云歌单——输入歌单 ID 就能把整个歌单搬过来。界面做了毛玻璃效果（backdrop-filter: blur），专辑封面放大到 52px，背景随机切换。之前的双重背景图 bug 也顺手修了。\u003C\u002Fp>\u003Cp>👉 \u003Ca href=\"\u002Fmusic\">立即体验：去音乐库搜首歌听听\u003C\u002Fa>\u003C\u002Fp>\u003Ch2>首页手势动画\u003C\u002Fh2>\u003Cp>首页做了一次动画升级，加入了手势驱动的交互动画，页面元素会跟着手势做出响应。实验场里新增了演示页面展示动画效果，可以直观看到各种手势对应的动画反馈。\u003C\u002Fp>\u003Cp>👉 \u003Ca href=\"\u002F\">立即体验：回首页试试手势动画\u003C\u002Fa> (别忘了回来哦)\u003C\u002Fp>\u003Ch2>Bug 修复\u003C\u002Fh2>\u003Cp>除了上面提到的，还修了一堆：草稿文章权限泄露（ISR 缓存导致登录后草稿内容被缓存给匿名访客，这个比较严重）、删除有回复的评论报错（SQLite 外键约束）、首页分类筛选翻页失败（请求竞态条件）、访客追踪数据异常、仪表盘概率白屏、SEO 关键词保存后消失、文章置顶不生效、图片灯箱切换按钮位置不对等等。每个 bug 都是实际用的时候踩到才修的。\u003C\u002Fp>\u003Ch2>最后\u003C\u002Fh2>\u003Cp>从 5 月底到 7 月初，一个半月，V2 从规划到完成。每个功能都是我自己用得上的，每个细节都是我自己看不顺眼才改的。博客对我来说像一个数字花园，慢慢种慢慢养，每次来看都比上次好一点。V2 是一个里程碑，但不是终点。\u003C\u002Fp>\u003Cp>如果你看到了这篇文章，欢迎在评论区 @lcr 试试 AI 回复，留个邮箱体验评论通知，或者订阅 RSS 和邮件。关于页面上有所有入口。\u003C\u002Fp>\u003Cp>下次见。\u003C\u002Fp>","从 5 月底到现在，一个半月的时间，几乎重写了整个博客的前端体验。这篇文章聊聊 V2 版本到底做了些什么。","https:\u002F\u002Flcrworld.xyz\u002Fuploads\u002Fmedia\u002Fcompressed\u002F6425-1783428477926.jpg",12,1,"published",315,0,4598,"2026-07-07 19:48:18","2026-09-09 00:13:20",null,"博客V2,版本更新,功能介绍,lcrworld,博客升级","博客 V2.0 历时一个半月完成全面升级，新增 AI 智能助手、全站灯箱系统、评论邮件通知及暗色模式等核心功能。同时重做媒体库与管理后台数据大盘，并通过性能优化大幅提升首屏加载速度，带来更流畅的阅读与交互体验。","zh","all-rights-reserved","[{\"level\":1,\"text\":\"写在前面\",\"anchor\":\"写在前面\"},{\"level\":1,\"text\":\"V2 都更新了啥？\",\"anchor\":\"V2 都更新了啥？\"},{\"level\":1,\"text\":\"AI 智能助手\",\"anchor\":\"AI 智能助手\"},{\"level\":1,\"text\":\"全站灯箱系统\",\"anchor\":\"全站灯箱系统\"},{\"level\":1,\"text\":\"评论邮件通知\",\"anchor\":\"评论邮件通知\"},{\"level\":1,\"text\":\"RSS 订阅 + 邮件订阅\",\"anchor\":\"RSS 订阅 + 邮件订阅\"},{\"level\":1,\"text\":\"暗色模式\",\"anchor\":\"暗色模式\"},{\"level\":1,\"text\":\"媒体库全面重做\",\"anchor\":\"媒体库全面重做\"},{\"level\":1,\"text\":\"管理后台数据大盘\",\"anchor\":\"管理后台数据大盘\"},{\"level\":1,\"text\":\"页面性能优化\",\"anchor\":\"页面性能优化\"},{\"level\":1,\"text\":\"友人帐全面美化\",\"anchor\":\"友人帐全面美化\"},{\"level\":1,\"text\":\"怀旧版博客\",\"anchor\":\"怀旧版博客\"},{\"level\":1,\"text\":\"朋友圈实验页面\",\"anchor\":\"朋友圈实验页面\"},{\"level\":1,\"text\":\"文章置顶轮播\",\"anchor\":\"文章置顶轮播\"},{\"level\":1,\"text\":\"代码块一键复制\",\"anchor\":\"代码块一键复制\"},{\"level\":1,\"text\":\"阅读进度条 + 回到顶部\",\"anchor\":\"阅读进度条 + 回到顶部\"},{\"level\":1,\"text\":\"文章分享图\",\"anchor\":\"文章分享图\"},{\"level\":1,\"text\":\"文章目录侧边栏\",\"anchor\":\"文章目录侧边栏\"},{\"level\":1,\"text\":\"背景图实验室\",\"anchor\":\"背景图实验室\"},{\"level\":1,\"text\":\"通知横幅系统\",\"anchor\":\"通知横幅系统\"},{\"level\":1,\"text\":\"全站 SEO 优化\",\"anchor\":\"全站 SEO 优化\"},{\"level\":1,\"text\":\"网站字体本地化\",\"anchor\":\"网站字体本地化\"},{\"level\":1,\"text\":\"网易云音乐集成\",\"anchor\":\"网易云音乐集成\"},{\"level\":1,\"text\":\"首页手势动画\",\"anchor\":\"首页手势动画\"},{\"level\":1,\"text\":\"Bug 修复\",\"anchor\":\"Bug 修复\"},{\"level\":1,\"text\":\"最后\",\"anchor\":\"最后\"}]","技术",[],{"id":68,"title":69,"slug":70,"cover_url":71},43,"『生地回忆录』那两本书——和教过我的两个人","生地回忆录那两本书和教过我的两个人","https:\u002F\u002Flcrworld.xyz\u002Fuploads\u002Fmedia\u002Fcompressed\u002F6331-1783238546451.jpg",{"id":73,"title":74,"slug":75,"cover_url":76},46,"一条 git reset --hard，我的数据库空了!","一条-git-reset-hard我的数据库空了","https:\u002F\u002Fmy.lcrworld.xyz\u002Fu\u002FFp0cTN2zR4o"]