[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"app-site-settings":3,"plugin-slots":43,"article-detail-33":46},{"about_config":4,"about_content":5,"ack_intro":6,"ai_nav_seeded":7,"auto_defense_bad_ua_enabled":7,"auto_defense_ban_hours":8,"auto_defense_enabled":9,"auto_defense_scan_enabled":7,"auto_defense_threshold":10,"bg_image_enabled":11,"brand_name":12,"comment_ai_review":7,"comment_moderation":7,"comment_require_login":7,"contact_email":13,"copyright_notice":14,"fl_site_info":15,"footer_copyright_text":16,"footer_gongan_text":17,"footer_gongan_url":18,"footer_icp_text":19,"footer_icp_url":20,"footer_report_email":13,"footer_report_text":21,"footer_server_info":22,"footer_show_icp":7,"footer_show_sitemap":7,"footer_show_subscribe":7,"footer_show_visit":7,"island_festival_enabled":7,"island_festival_end":23,"island_festival_start":24,"island_festival_text":25,"media_compress_quality":26,"media_upload_strategy":27,"nav_menus":28,"sec_allowed_hosts":29,"sec_allowed_origins":30,"sec_base_domain":22,"sec_comment_rate_enabled":7,"sec_comment_rate_limit":31,"sec_comment_rate_mode":32,"sec_enable_honeypot":7,"sec_enable_host_check":7,"sec_enable_hotlink":11,"sec_hotlink_allow":33,"sec_rate_limit_max":34,"sec_rate_limit_window":35,"site_description":36,"site_favicon":37,"site_keywords":38,"site_logo":22,"site_name":39,"site_url":40,"theme_active":41,"theme_config":42},"{\"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)。","{\"title\":\"鸣谢\",\"subtitle\":\"致每一位曾为 v3blog 伸出援手的朋友\",\"text\":\"一个站点的成长，离不开朋友们的真心帮助。以下是 v3blog 开发过程中给予过支持与启发的伙伴，谨以此页，聊表谢意。\",\"updated_at\":\"2026-09-05\"}","1","24","true","10","0","lcrworld","lcrblog@163.com","{\"source_code\": \"本站源代码为闭源项目，未对外开源，不提供源码下载、分发或二次开发授权。\", \"content\": \"本站文章均为原创并保留所有权利（All Rights Reserved）。任何转载、摘编、翻译、演绎或商业使用，均须事先获得作者书面授权，并注明出处及原文链接。变更生效前（2026 年 9 月 5 日之前）依据 CC BY-NC-SA 协议已合法取得的授权不溯及既往，仍然有效。\", \"updated_at\": \"2026-09-13\"}","{\"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\"}","© {year} {site}","冀公网安备13010402003584号","https:\u002F\u002Fbeian.mps.gov.cn\u002F#\u002Fquery\u002FwebSearch?code=13010402003584","冀ICP备2026028241号","https:\u002F\u002Fbeian.miit.gov.cn\u002F","违法和不良信息举报","","2026-09-30","2026-09-23","祖国母亲77周年🎉","82","local","[{\"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\"}]","[\"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\"]","3","review","[]","100","60","技术、项目与生活记录。分享技术教程、文学创作、摄影作品与生活感悟。","\u002Ffavicon-32x32.png","lcrworld,博客,技术,Vue,Node.js,摄影,文学,井天乐,blog","lcrworld's Blog","https:\u002F\u002Flcrworld.xyz","default","{}",{"slots":44,"active":45},{},[],{"ai_summary":47,"ai_toc":48,"author_id":49,"author_name":12,"avg_reading_time":50,"background_url":51,"category_id":52,"category_name":53,"category_slug":53,"content":54,"cover_url":55,"created_at":56,"excerpt":57,"id":58,"is_hidden":50,"is_pinned":50,"lang":59,"license":60,"like_count":50,"next_article":61,"prev_article":66,"reading_count":50,"scheduled_at":51,"seo_keywords":71,"slug":72,"status":73,"tags":74,"title":75,"total_reading_time":50,"translation_of":51,"updated_at":76,"view_count":77,"word_count":78},"你好！👋\n\n看起来这是一篇测试文章，正文内容只有一句问候语。目前没有足够的内容可以提炼出核心摘要。\n\n如果你有正式的文章需要编辑摘要，欢迎把完整内容发给我，我会为你生成 80-150 字、简洁精准的摘要。","[{\"level\":2,\"text\":\"本次更新概览\",\"anchor\":\"\"},{\"level\":2,\"text\":\"一、新增「实验」页面\",\"anchor\":\"\"},{\"level\":3,\"text\":\"技术实现\",\"anchor\":\"\"},{\"level\":2,\"text\":\"二、性能优化\",\"anchor\":\"\"},{\"level\":3,\"text\":\"1. ISR 缓存（增量静态再生）\",\"anchor\":\"\"},{\"level\":3,\"text\":\"2. 图片懒加载\",\"anchor\":\"\"},{\"level\":3,\"text\":\"3. 骨架屏组件\",\"anchor\":\"\"},{\"level\":3,\"text\":\"4. 虚拟列表组件\",\"anchor\":\"\"},{\"level\":3,\"text\":\"5. Nginx 静态资源缓存\",\"anchor\":\"\"},{\"level\":3,\"text\":\"6. 字体本地化\",\"anchor\":\"\"},{\"level\":2,\"text\":\"三、Bug 修复\",\"anchor\":\"\"},{\"level\":3,\"text\":\"1. 图片视频资源无法加载\",\"anchor\":\"\"},{\"level\":3,\"text\":\"2. 白屏问题\",\"anchor\":\"\"},{\"level\":2,\"text\":\"四、后续计划\",\"anchor\":\"\"}]",1,0,null,12,"技术","\u003Ch2>本次更新概览\u003C\u002Fh2>\u003Cp>本次更新主要包含以下内容：\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cstrong>新增「实验」页面\u003C\u002Fstrong>：展示博客正在实验中的功能 demo 和已上线的功能\u003C\u002Fli>\u003Cli>\u003Cstrong>性能优化\u003C\u002Fstrong>：ISR 缓存、图片懒加载、骨架屏、虚拟列表、字体本地化\u003C\u002Fli>\u003Cli>\u003Cstrong>Bug 修复\u003C\u002Fstrong>：修复图片视频资源无法加载、白屏问题\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>一、新增「实验」页面\u003C\u002Fh2>\u003Cp>在侧边栏新增了「实验」入口，使用烧瓶图标作为标志。该页面展示：\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cstrong>Demo 功能\u003C\u002Fstrong>：正在开发中的实验性功能\u003C\u002Fli>\u003Cli>\u003Cstrong>已上线功能\u003C\u002Fstrong>：已经正式发布的功能特性\u003C\u002Fli>\u003C\u002Ful>\u003Cp>每个功能卡片之间采用丝带链接和线性动画效果，营造高级质感。\u003C\u002Fp>\u003Ch3>技术实现\u003C\u002Fh3>\u003Cul>\u003Cli>后端：新增 experiments 表，提供完整 CRUD API\u003C\u002Fli>\u003Cli>前端：Vue 3 组件，支持卡片动画和交互\u003C\u002Fli>\u003Cli>管理后台：支持实验项目的增删改查、排序等操作\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>二、性能优化\u003C\u002Fh2>\u003Ch3>1. ISR 缓存（增量静态再生）\u003C\u002Fh3>\u003Cp>为只读 API 添加了服务端缓存，减少数据库查询：\u003C\u002Fp>\u003Cul>\u003Cli>文章列表：缓存 10 分钟\u003C\u002Fli>\u003Cli>动态列表：缓存 5 分钟\u003C\u002Fli>\u003Cli>项目列表：缓存 1 小时\u003C\u002Fli>\u003Cli>媒体列表：缓存 5 分钟\u003C\u002Fli>\u003C\u002Ful>\u003Cp>缓存命中时响应头会返回 X-Cache: HIT。\u003C\u002Fp>\u003Ch3>2. 图片懒加载\u003C\u002Fh3>\u003Cp>新增 Vue 自定义指令 v-lazy 和 v-lazy-bg：\u003C\u002Fp>\u003Cul>\u003Cli>使用原生 IntersectionObserver API\u003C\u002Fli>\u003Cli>图片进入视口前 100px 开始加载\u003C\u002Fli>\u003Cli>加载过程带有淡入动画效果\u003C\u002Fli>\u003C\u002Ful>\u003Ch3>3. 骨架屏组件\u003C\u002Fh3>\u003Cp>新增三个骨架屏组件：\u003C\u002Fp>\u003Cul>\u003Cli>Skeleton：基础骨架屏，带 shimmer 动画\u003C\u002Fli>\u003Cli>SkeletonCard：卡片骨架屏\u003C\u002Fli>\u003Cli>SkeletonArticle：文章骨架屏\u003C\u002Fli>\u003C\u002Ful>\u003Ch3>4. 虚拟列表组件\u003C\u002Fh3>\u003Cp>新增 VirtualList 组件，用于大数据量列表渲染：\u003C\u002Fp>\u003Cul>\u003Cli>只渲染可视区域内的元素\u003C\u002Fli>\u003Cli>支持动态高度\u003C\u002Fli>\u003Cli>大幅提升长列表性能\u003C\u002Fli>\u003C\u002Ful>\u003Ch3>5. Nginx 静态资源缓存\u003C\u002Fh3>\u003Cp>优化了 Nginx 配置：\u003C\u002Fp>\u003Cul>\u003Cli>JS\u002FCSS\u002F图片等静态资源：缓存 30 天\u003C\u002Fli>\u003Cli>上传的图片视频：缓存 30 天\u003C\u002Fli>\u003Cli>HTML 文件：不缓存，确保更新及时生效\u003C\u002Fli>\u003C\u002Ful>\u003Ch3>6. 字体本地化\u003C\u002Fh3>\u003Cp>将霞鹜文楷（LXGW WenKai）字体从 CDN 迁移到本地服务器：\u003C\u002Fp>\u003Cul>\u003Cli>\u003Cstrong>问题\u003C\u002Fstrong>：字体从 CDN 加载，每次刷新都需要跨域请求，加载较慢\u003C\u002Fli>\u003Cli>\u003Cstrong>方案\u003C\u002Fstrong>：下载字体文件到服务器 \u002Ffonts 目录，利用 Nginx 缓存\u003C\u002Fli>\u003Cli>\u003Cstrong>效果\u003C\u002Fstrong>：字体文件 30 天强缓存 + immutable 标记，浏览器不会重新验证\u003C\u002Fli>\u003C\u002Ful>\u003Cp>字体总大小约 2.6MB（47 个子集文件），按需加载。\u003C\u002Fp>\u003Ch2>三、Bug 修复\u003C\u002Fh2>\u003Ch3>1. 图片视频资源无法加载\u003C\u002Fh3>\u003Cp>\u003Cstrong>问题描述\u003C\u002Fstrong>：所有图片和视频资源返回 404 错误。\u003C\u002Fp>\u003Cp>\u003Cstrong>原因分析\u003C\u002Fstrong>：Nginx 配置中正则匹配优先级高于前缀匹配，导致图片请求被错误路由。\u003C\u002Fp>\u003Cp>\u003Cstrong>解决方案\u003C\u002Fstrong>：使用 ^~ 修饰符提升前缀匹配优先级。\u003C\u002Fp>\u003Ch3>2. 白屏问题\u003C\u002Fh3>\u003Cp>\u003Cstrong>问题描述\u003C\u002Fstrong>：网站打开后显示白屏，侧边栏点击无反应。\u003C\u002Fp>\u003Cp>\u003Cstrong>原因分析\u003C\u002Fstrong>：误将开发模式的 index.html 上传到服务器，引用的是 \u002Fsrc\u002Fmain.js 而非打包后的 JS 文件。\u003C\u002Fp>\u003Cp>\u003Cstrong>解决方案\u003C\u002Fstrong>：重新构建前端，确保使用正确的打包文件。\u003C\u002Fp>\u003Ch2>四、后续计划\u003C\u002Fh2>\u003Cul>\u003Cli>继续优化前端性能\u003C\u002Fli>\u003Cli>完善实验页面的功能展示\u003C\u002Fli>\u003Cli>探索更多缓存策略\u003C\u002Fli>\u003C\u002Ful>\u003Cp>感谢您的关注！如有问题或建议，欢迎在评论区留言。\u003C\u002Fp>\u003Cp><iframe allow=\"autoplay *; encrypted-media *; fullscreen *; clipboard-write\" frameborder=\"0\" height=\"175\" style=\"width:100%;max-width:660px;overflow:hidden;border-radius:10px;\" sandbox=\"allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation\" src=\"https:\u002F\u002Fembed.music.apple.com\u002Fcn\u002Fsong\u002F%E6%98%8E%E5%B9%B4%E6%88%91%E4%BB%AC%E5%B0%B1%E7%BB%93%E6%9D%9F%E5%BC%82%E5%9C%B0\u002F6787001541\"><\u002Fiframe>\u003C\u002Fp>","https:\u002F\u002Flcrworld.xyz\u002Fuploads\u002Fmedia\u002Fcompressed\u002F40-1778078295222.jpg","2026-06-02 22:03:32","本次更新新增「实验」页面，展示博客正在实验中的功能 demo 和已上线的功能；进行了 ISR 缓存、图片懒加载、骨架屏、虚拟列表、字体本地化等性能优化；修复了图片视频资源无法加载、白屏等问题。",33,"zh","all-rights-reserved",{"cover_url":62,"id":63,"slug":64,"title":65},"https:\u002F\u002Flcrworld.xyz\u002Fuploads\u002Fmedia\u002Fcompressed\u002F5854-1780580046457.jpg",34,"为什么科技公司又开始反外包了","为什么科技公司又开始“反外包”了？",{"cover_url":67,"id":68,"slug":69,"title":70},"https:\u002F\u002Flcrworld.xyz\u002Fuploads\u002Fmedia\u002Fcompressed\u002F5738-1780314773422.jpg",32,"小领导风气是怎么坏的","🗣️小领导｜风气是怎么坏的","博客更新,系统更新报告,博客开发,功能更新,技术博客,博客维护,更新日志,网站优化,博客功能,全栈博客,Node.js博客,Vue博客,博客系统","博客系统更新报告-2026年6月2日","published",[],"博客系统更新报告 - 2026年6月2日","2026-09-11 20:29:57",136,1592]