[{"data":1,"prerenderedAt":501},["ShallowReactive",2],{"project-index":3},[4,134,228,314,415],{"id":5,"title":6,"accent":7,"body":8,"canonical":15,"cover":16,"description":17,"draft":18,"evidence":19,"extension":50,"features":51,"indexable":58,"links":59,"meta":66,"navigation":58,"order":67,"overview":68,"path":71,"period":72,"platform":73,"roadmap":74,"role":79,"seo":80,"seoDescription":15,"seoTitle":15,"showcase":81,"stack":107,"stage":126,"statusNote":127,"stem":128,"tags":129,"updated":131,"year":132,"__hash__":133},"projects\u002Fprojects\u002Fcodepaper.md","CodePaper","#8b7cff",{"type":9,"value":10,"toc":11},"minimark",[],{"title":12,"searchDepth":13,"depth":13,"links":14},"",3,[],null,"\u002Fimages\u002Foptimized\u002Fproject-codepaper.jpg","在线代码片段与长文分享工具，兼顾阅读和整理。",false,[20,26,30,33,38,43,46],{"label":21,"value":22,"href":23,"kind":24,"note":25},"可运行原型","在 EchoBlog 中打开 CodePaper","\u002Fprojects\u002Fcodepaper\u002Fdemo","verified","草稿仅保存在访问者当前浏览器",{"label":27,"value":28,"kind":29},"安全边界","Marked 解析、高亮前后均经 DOMPurify 消毒","artifact",{"label":31,"value":32,"kind":24},"阅读结构","二、三级标题目录与重复标题稳定锚点",{"label":34,"value":35,"href":36,"kind":24,"note":37},"真实写作验证","浏览器 Markdown 安全预览实践","\u002Farticles\u002Fcodepaper-safe-markdown-preview","覆盖长文目录、表格、外链与多语言代码块",{"label":39,"value":40,"href":41,"kind":24,"note":42},"博客草稿交接","完整 Frontmatter、已登记分类标签与安全发布默认值","\u002Farticles\u002Fcodepaper-safe-draft-handoff","已验证安全草稿不进入生产构建，并完成一次人工复核后的正式发布",{"label":44,"value":45,"kind":29},"数据边界","不上传草稿，不提供云同步",{"label":47,"value":48,"kind":49},"公开源码","暂无公开仓库","unavailable","md",[52,53,54,55,56,57],"Markdown 长文编辑与实时预览","浏览器本地草稿、自动保存和恢复","Markdown 文件导入、复制与导出","完整 EchoBlog Frontmatter 的安全博客草稿导出","危险 HTML 消毒和响应式编辑模式","代码语言高亮、稳定标题锚点与当前章节目录",true,[60,63],{"label":61,"href":23,"note":62},"演示地址","浏览器本地原型",{"label":64,"note":65},"源码地址","尚未建立公开仓库",{},4,[69,70],"CodePaper 是一个面向代码片段、长文和技术笔记的写作工具。它试图解决“代码解释”和“文章叙述”之间来回切换的问题。","项目重点放在 Markdown 渲染、代码块可读性、片段管理和长文结构上，适合作为技术博客编辑器或个人知识整理工具。","\u002Fprojects\u002Fcodepaper","2025 Q4 - 2026 Q1","Web Writing Tool",[75,76,77,78],"在真实写作出现重复整理阻塞后评估片段库和全文搜索","增加代码块复制和可选行号","支持可审查的 HTML 导出","评估独立部署和公开源码","编辑器体验 \u002F 前端架构 \u002F Markdown 渲染",{"title":6,"description":17},{"eyebrow":82,"title":83,"description":84,"panels":85},"Editor Sample","代码笔记编辑页示例","示例页把 Markdown 写作、代码片段和结构目录放在同一条工作流里，适合从零散片段整理成完整文章。",[86,93,100],{"title":87,"summary":88,"items":89},"分屏编辑","左侧写作，右侧预览，保持文章结构和代码块可读。",[90,91,92],"支持 Markdown 基础语法","代码块显示语言与语法高亮","目录随标题自动生成",{"title":94,"summary":95,"items":96},"片段库","常用代码可以先作为片段保存，再插入到长文。",[97,98,99],"按语言和标签筛选","支持快速复制","记录片段来源",{"title":101,"summary":102,"items":103},"导出流程","把写好的技术笔记导出为便携 Markdown 或安全博客草稿。",[104,105,106],"导出 Markdown","生成完整 EchoBlog Frontmatter","默认保持草稿和不可索引",[108,114,120],{"label":109,"items":110},"编辑器",[111,112,113],"Markdown","Code Highlight","Keyboard Flow",{"label":115,"items":116},"前端",[117,118,119],"Vue 3","TypeScript","Composable Design",{"label":121,"items":122},"内容",[123,124,125],"Snippet Model","Tag Search","Export Workflow","wip","已提供可运行的本地优先写作原型，并用两篇正式技术长文验证安全预览、目录导航、草稿恢复、博客草稿导出和 Git 发布门禁；协作、自动发布与独立源码不在当前版本内。","projects\u002Fcodepaper",[117,111,130],"Editor","2026-07-28","2025","kVENlnz_RXDt7yWyPTYobGFBFLYxhckBet9OlpEewak",{"id":135,"title":136,"accent":137,"body":138,"canonical":142,"cover":143,"description":144,"draft":18,"evidence":145,"extension":50,"features":154,"indexable":58,"links":159,"meta":163,"navigation":58,"order":164,"overview":165,"path":142,"period":168,"platform":169,"roadmap":170,"role":175,"seo":176,"seoDescription":177,"seoTitle":178,"showcase":179,"stack":205,"stage":126,"statusNote":221,"stem":222,"tags":223,"updated":225,"year":226,"__hash__":227},"projects\u002Fprojects\u002Fecho-admin.md","Echo Admin","#36c7d6",{"type":9,"value":139,"toc":140},[],{"title":12,"searchDepth":13,"depth":13,"links":141},[],"\u002Fprojects\u002Fecho-admin","\u002Fimages\u002Foptimized\u002Fproject-echo-admin.jpg","基于 Vue 3 的后台管理系统，关注可读数据与稳定交互。",[146,149,153],{"label":147,"value":148,"kind":29},"当前产物","后台工作台信息架构与静态视觉稿",{"label":150,"value":151,"kind":49,"note":152},"可运行版本","暂无公开版本","权限、真实数据和批量操作仍属于后续实现范围",{"label":47,"value":48,"kind":49},[155,156,157,158],"可读性优先的数据卡片和趋势图布局","侧边栏导航、顶部搜索、通知与账户入口","表格、日历、任务列表等高频后台组件草案","适配浅色二次元视觉，但控制装饰密度，保证长期使用不疲劳",[160,162],{"label":61,"note":161},"概念稿，无独立演示",{"label":64,"note":65},{},2,[166,167],"Echo Admin 是一个面向内容与运营场景的后台管理原型，重点不是堆满图表，而是让数据读取、筛选和操作路径足够稳定。","项目把首页概览、趋势图、任务列表和用户表格放在同一个工作台中，适合后续扩展成博客后台、项目管理台或个人数据中心。","2026 Q2 - 持续迭代","Web Dashboard",[171,172,173,174],"接入真实权限模型","补充表格筛选与批量操作","增加图表主题切换","整理成可复用后台模板","产品设计 \u002F 前端工程 \u002F 数据可视化",{"title":136,"description":144},"Echo Admin 是基于 Vue 3 与 TypeScript 的后台管理系统原型，专注可读数据、响应式布局与稳定交互。","Echo Admin 后台管理系统项目",{"eyebrow":180,"title":181,"description":182,"panels":183},"Dashboard Sample","后台工作台示例","把后台首页拆成可扫描的信息块，先让运营状态、任务风险和近期数据一眼可读，再进入具体表格处理。",[184,191,198],{"title":185,"summary":186,"items":187},"数据总览","用于首页首屏，展示访问、内容、任务和转化的关键指标。",[188,189,190],"趋势图保留 7 日变化","卡片突出同比变化","异常状态用高亮提示",{"title":192,"summary":193,"items":194},"内容队列","把草稿、待审核和已发布内容集中在一个列表里。",[195,196,197],"按状态快速筛选","支持批量操作入口","保留更新时间与负责人",{"title":199,"summary":200,"items":201},"运营日历","适合安排发布节奏、活动节点和复盘时间。",[202,203,204],"月视图标记关键事件","今日任务固定展示","低优先级信息折叠",[206,209,215],{"label":115,"items":207},[117,118,208],"Vite",{"label":210,"items":211},"交互",[212,213,214],"Dashboard Layout","Responsive Grid","Stateful Components",{"label":216,"items":217},"可视化",[218,219,220],"Line Chart","KPI Cards","Calendar Panel","当前可核对的是后台工作台的产品范围与静态视觉稿；权限、数据和交互尚未形成公开可运行版本。","projects\u002Fecho-admin",[117,118,224],"Dashboard","2026-07-24","2026","LUCQoyE94Imc0au1Ggd2xGsgkXPh09qspAXD0IhyWkc",{"id":229,"title":230,"accent":231,"body":232,"canonical":15,"cover":236,"description":237,"draft":18,"evidence":238,"extension":50,"features":243,"indexable":58,"links":248,"meta":251,"navigation":58,"order":13,"overview":252,"path":255,"period":256,"platform":257,"roadmap":258,"role":263,"seo":264,"seoDescription":15,"seoTitle":15,"showcase":265,"stack":291,"stage":307,"statusNote":308,"stem":309,"tags":310,"updated":225,"year":226,"__hash__":313},"projects\u002Fprojects\u002Fecho-diary.md","Echo Diary","#ff7aa8",{"type":9,"value":233,"toc":234},[],{"title":12,"searchDepth":13,"depth":13,"links":235},[],"\u002Fimages\u002Foptimized\u002Fproject-echo-diary.jpg","个人日记与灵感记录站，适合碎片想法沉淀。",[239,241,242],{"label":147,"value":240,"kind":29},"记录流程、信息架构与静态视觉稿",{"label":150,"value":151,"kind":49},{"label":47,"value":48,"kind":49},[244,245,246,247],"按日期沉淀日记和灵感片段","使用心情、天气、标签辅助回看","支持图片墙和短记录混排","用柔和动效降低记录工具的压力感",[249,250],{"label":61,"note":161},{"label":64,"note":65},{},[253,254],"Echo Diary 是一个给个人日记、灵感片段和创作素材使用的记录站。它更关注“轻量进入”和“后续回看”，而不是复杂的知识库结构。","原型把日历、心情、图片、短文本和灵感卡片放在同一个柔和界面中，让记录行为更接近日常习惯。","\u002Fprojects\u002Fecho-diary","2026 Q2","Personal Web App",[259,260,261,262],"完善编辑器体验","增加本地草稿恢复","设计月度回顾视图","探索私有部署同步","产品原型 \u002F Nuxt 开发 \u002F 内容体验",{"title":230,"description":237},{"eyebrow":266,"title":267,"description":268,"panels":269},"Diary Sample","日记记录页示例","示例页强调低压力输入：当天记录、情绪、天气、图片和短句可以先轻量保存，之后再慢慢整理。",[270,277,284],{"title":271,"summary":272,"items":273},"今日记录","默认进入当天时间线，减少选择成本。",[274,275,276],"快捷记录短句","支持心情与天气标记","自动保存草稿",{"title":278,"summary":279,"items":280},"灵感卡片","收纳突然出现的想法、标题、截图和待办。",[281,282,283],"卡片可拖动排序","标签与颜色辅助分类","一键转成长文素材",{"title":285,"summary":286,"items":287},"月度回看","用轻量统计和精选片段复盘一段时间的生活状态。",[288,289,290],"按情绪和标签筛选","突出连续记录天数","保留图片墙入口",[292,297,301],{"label":293,"items":294},"框架",[295,117,296],"Nuxt 3","Nuxt Content",{"label":121,"items":298},[111,299,300],"Tagging","Local Draft",{"label":302,"items":303},"体验",[304,305,306],"GSAP","View Transition","Responsive UI","concept","当前仅完成记录流程、信息架构与静态视觉探索，尚无可运行产品或公开源码。","projects\u002Fecho-diary",[295,311,312],"Content","Motion","Y5X0MvDAE4md602lNhL1f8V2ajFIdeOKiYrTsyK48_U",{"id":315,"title":316,"accent":317,"body":318,"canonical":322,"cover":323,"description":324,"draft":18,"evidence":325,"extension":50,"features":338,"indexable":58,"links":345,"meta":353,"navigation":58,"order":354,"overview":355,"path":322,"period":358,"platform":359,"roadmap":360,"role":364,"seo":365,"seoDescription":366,"seoTitle":367,"showcase":368,"stack":394,"stage":409,"statusNote":410,"stem":411,"tags":412,"updated":225,"year":226,"__hash__":414},"projects\u002Fprojects\u002Fechoblog.md","EchoBlog","#ff6f9f",{"type":9,"value":319,"toc":320},[],{"title":12,"searchDepth":13,"depth":13,"links":321},[],"\u002Fprojects\u002Fechoblog","\u002Fimages\u002Foptimized\u002Fproject-echoblog.jpg","基于 Nuxt 4 的个人主页与博客，整合内容、作品集、搜索、天气、音乐和自动发布流程。",[326,330,334],{"label":327,"value":328,"kind":24,"href":329},"在线版本","blog.echootaku.cn","https:\u002F\u002Fblog.echootaku.cn",{"label":331,"value":332,"kind":24,"href":333},"源码镜像","Gitee 公开仓库","https:\u002F\u002Fgitee.com\u002Fecho-otaku\u002Fecho-otaku-blog",{"label":335,"value":336,"kind":24,"note":337},"发布门禁","测试、类型检查、构建、冒烟、健康检查与失败回滚","生产站另有定时巡检覆盖页面、接口、SEO 与 CDN 媒体能力",[339,340,341,342,343,344],"使用 Nuxt Content 管理文章和项目，提供草稿隔离、Frontmatter 校验、标签分类和交互式内容创建流程","提供中文全文搜索、章节定位、文章目录、代码阅读、归档时间轴和活动热力图","集成天气与空气质量、访问统计、音乐播放器、歌词频谱和响应式灵动岛","完成 canonical、Open Graph、JSON-LD、robots、sitemap 和搜索引擎收录基础设施","支持内容级索引状态，测试夹具保持可访问但不向搜索引擎提交","通过 GitHub Actions 执行测试、类型检查、构建、资源预算、发布、健康检查和失败回滚",[346,348,351],{"label":347,"href":329},"在线访问",{"label":349,"note":350},"GitHub 源码","仓库当前需要授权访问，暂不作为公开链接",{"label":352,"href":333},"Gitee 镜像",{},1,[356,357],"EchoBlog 是这个站点本身，也是一次从视觉原型走到可部署产品的完整实践。它把个人主页、文章、项目、归档和关于信息组织在同一套内容模型中。","项目除了页面呈现，也覆盖内容校验、全文搜索、SEO、资源预算、生产巡检、健康检查和自动回滚，让个人站点可以持续更新，而不是只停留在一次性的展示页。","2026 Q2 - 持续维护","Nuxt SSR \u002F Self-hosted",[361,362,363],"持续补充真实文章、项目记录和维护日志","根据 Search Console 与生产巡检数据优化可发现性和加载体验","在流量或部署形态需要时升级访问统计持久层","产品设计 \u002F 全栈开发 \u002F 内容工程 \u002F 运维",{"title":316,"description":324},"EchoBlog 是基于 Nuxt 4、Nuxt Content 与 Nitro 构建的个人主页和博客，包含内容检索、作品集、天气音乐组件、SEO 与自动部署。","EchoBlog 个人博客与作品集项目",{"eyebrow":369,"title":370,"description":371,"panels":372},"Production Case","从个人主页到可持续维护的内容站","以真实发布链路为边界，把内容、交互、资源、SEO 和运维放进同一套可验证的工程流程。",[373,380,387],{"title":374,"summary":375,"items":376},"内容工作流","文章和项目使用结构化 Frontmatter，创建、校验、检索和发布共享同一份内容事实。",[377,378,379],"草稿文件与发布内容物理隔离","标签和分类统一注册并动态计数","创建后自动执行内容合法性检查",{"title":381,"summary":382,"items":383},"阅读与发现","从目录、归档和标签进入内容，再通过全文搜索定位到具体章节。",[384,385,386],"中文分词与相关度排序","代码语言、复制按钮和双主题高亮","sitemap、结构化数据与 canonical",{"title":388,"summary":389,"items":390},"发布与观测","每次发布都经过本地质量门禁，生产环境继续执行健康与媒体能力巡检。",[391,392,393],"自动构建、发布、健康检查和失败回滚","图片与音乐 CDN 回退策略","核心页面、SEO 与资源预算巡检",[395,399,404],{"label":396,"items":397},"应用",[398,117,118],"Nuxt 4",{"label":400,"items":401},"内容与服务端",[296,402,403],"Nitro","MiniSearch",{"label":405,"items":406},"交互与运维",[304,407,408],"GitHub Actions","Nginx","active","正式站点已上线，源码镜像、部署链路和生产巡检均有公开或可运行证据。","projects\u002Fechoblog",[413,118,402],"Nuxt","fDQqbAul06-7iniBEJS3DeKRjXdN563RVb47vWqaZeE",{"id":416,"title":417,"accent":418,"body":419,"canonical":15,"cover":423,"description":424,"draft":18,"evidence":425,"extension":50,"features":432,"indexable":58,"links":437,"meta":441,"navigation":58,"order":442,"overview":443,"path":446,"period":447,"platform":448,"roadmap":449,"role":454,"seo":455,"seoDescription":15,"seoTitle":15,"showcase":456,"stack":482,"stage":307,"statusNote":496,"stem":497,"tags":498,"updated":225,"year":132,"__hash__":500},"projects\u002Fprojects\u002Fpetite-gallery.md","Petite Gallery","#2b8a7e",{"type":9,"value":420,"toc":421},[],{"title":12,"searchDepth":13,"depth":13,"links":422},[],"\u002Fimages\u002Foptimized\u002Fproject-petite-gallery.jpg","轻量级图片画廊概念，探索照片和截图的低干扰浏览体验。",[426,428,429],{"label":147,"value":427,"kind":29},"浏览流程、响应式布局与静态视觉稿",{"label":150,"value":151,"kind":49},{"label":430,"value":431,"kind":49},"源码状态","私有仓库，暂不公开",[433,434,435,436],"瀑布流与网格两种图片浏览方式","图片分组、标签和轻量筛选","保留足够留白的沉浸式详情视图","针对低带宽场景优化缩略图加载",[438,439],{"label":61,"note":161},{"label":64,"note":440},"私有仓库",{},5,[444,445],"Petite Gallery 是一个轻量图片画廊展示站，目标是让照片、截图和插画在不同设备上都有稳定的观看体验。","它不追求复杂社区功能，而是把重点放在图片比例、加载顺序、分组浏览和留白节奏上。","\u002Fprojects\u002Fpetite-gallery","2025 Q3","Responsive Gallery",[450,451,452,453],"补充图片 EXIF 信息","增加键盘浏览","增加批量导入脚本","优化移动端大图手势","视觉设计 \u002F 图片展示 \u002F 前端实现",{"title":417,"description":424},{"eyebrow":457,"title":458,"description":459,"panels":460},"Gallery Sample","图片画廊浏览页示例","示例页围绕图片观看体验设计，先稳定缩略图比例和加载顺序，再进入沉浸式大图浏览。",[461,468,475],{"title":462,"summary":463,"items":464},"精选网格","首页保留均衡留白，让不同尺寸图片有统一节奏。",[465,466,467],"固定比例缩略图","低带宽优先加载首屏","图片标题延迟展示",{"title":469,"summary":470,"items":471},"分组浏览","按主题、时间和标签快速切换图片集合。",[472,473,474],"标签筛选不刷新页面","保留当前位置","空状态提示下一步",{"title":476,"summary":477,"items":478},"大图详情","点击图片后进入沉浸查看，减少周围 UI 干扰。",[479,480,481],"键盘切换上一张下一张","展示 EXIF 摘要","移动端支持手势滑动",[483,486,490],{"label":293,"items":484},[413,402,485],"Image Assets",{"label":302,"items":487},[488,489,213],"Lazy Loading","Aspect Ratio",{"label":491,"items":492},"部署",[493,494,495],"Static Assets","Nginx Cache","Self-hosted","当前只完成图片浏览体验、响应式布局和加载策略的概念方案，尚无公开运行版本。","projects\u002Fpetite-gallery",[413,402,499],"Gallery","WNL5vsNs3cSlWbL-NcE4AnJi4ygyetG728uODbPfkCE",1787629134737]