[{"data":1,"prerenderedAt":377},["ShallowReactive",2],{"app-nav_docs_manual_zh":3,"navigation_docs_manual_zh":134,"-docs-manual-zh-essentials-mermaid":164,"-docs-manual-zh-essentials-mermaid-surround":372},[4,41,77,109],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":40},"快速入门","i-lucide-rocket","\u002Fdocs\u002Fmanual\u002Fzh\u002Fgetting-started","docs\u002Fmanual\u002Fzh\u002F1.getting-started",[10,15,20,25,30,35],{"title":11,"path":12,"stem":13,"icon":14},"简介","\u002Fdocs\u002Fmanual\u002Fzh\u002Fgetting-started\u002Fintroduction","docs\u002Fmanual\u002Fzh\u002F1.getting-started\u002F2.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"安装","\u002Fdocs\u002Fmanual\u002Fzh\u002Fgetting-started\u002Finstallation","docs\u002Fmanual\u002Fzh\u002F1.getting-started\u002F3.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"项目结构","\u002Fdocs\u002Fmanual\u002Fzh\u002Fgetting-started\u002Fproject-structure","docs\u002Fmanual\u002Fzh\u002F1.getting-started\u002F4.project-structure","i-lucide-folder-tree",{"title":26,"path":27,"stem":28,"icon":29},"Studio 模块","\u002Fdocs\u002Fmanual\u002Fzh\u002Fgetting-started\u002Fstudio","docs\u002Fmanual\u002Fzh\u002F1.getting-started\u002F5.studio","i-lucide-mouse-pointer-2",{"title":31,"path":32,"stem":33,"icon":34},"迁移","\u002Fdocs\u002Fmanual\u002Fzh\u002Fgetting-started\u002Fmigration","docs\u002Fmanual\u002Fzh\u002F1.getting-started\u002F6.migration","i-lucide-replace",{"title":36,"path":37,"stem":38,"icon":39},"故障排除","\u002Fdocs\u002Fmanual\u002Fzh\u002Fgetting-started\u002Ftroubleshooting","docs\u002Fmanual\u002Fzh\u002F1.getting-started\u002F7.troubleshooting","i-lucide-wrench",false,{"title":42,"icon":43,"path":44,"stem":45,"children":46,"page":40},"核心概念","i-lucide-brain","\u002Fdocs\u002Fmanual\u002Fzh\u002Fconcepts","docs\u002Fmanual\u002Fzh\u002F2.concepts",[47,52,57,62,67,72],{"title":48,"path":49,"stem":50,"icon":51},"内容编辑","\u002Fdocs\u002Fmanual\u002Fzh\u002Fconcepts\u002Fedition","docs\u002Fmanual\u002Fzh\u002F2.concepts\u002F2.edition","i-lucide-pencil",{"title":53,"path":54,"stem":55,"icon":56},"配置","\u002Fdocs\u002Fmanual\u002Fzh\u002Fconcepts\u002Fconfiguration","docs\u002Fmanual\u002Fzh\u002F2.concepts\u002F3.configuration","i-lucide-settings",{"title":58,"path":59,"stem":60,"icon":61},"主题","\u002Fdocs\u002Fmanual\u002Fzh\u002Fconcepts\u002Ftheme","docs\u002Fmanual\u002Fzh\u002F2.concepts\u002F4.theme","i-lucide-paint-roller",{"title":63,"path":64,"stem":65,"icon":66},"自定义","\u002Fdocs\u002Fmanual\u002Fzh\u002Fconcepts\u002Fcustomization","docs\u002Fmanual\u002Fzh\u002F2.concepts\u002F5.customization","i-lucide-pen-tool",{"title":68,"path":69,"stem":70,"icon":71},"国际化","\u002Fdocs\u002Fmanual\u002Fzh\u002Fconcepts\u002Finternationalization","docs\u002Fmanual\u002Fzh\u002F2.concepts\u002F6.internationalization","i-lucide-globe",{"title":73,"path":74,"stem":75,"icon":76},"Nuxt","\u002Fdocs\u002Fmanual\u002Fzh\u002Fconcepts\u002Fnuxt","docs\u002Fmanual\u002Fzh\u002F2.concepts\u002F8.nuxt","i-simple-icons-nuxt",{"title":78,"icon":79,"path":80,"stem":81,"children":82,"page":40},"基础要点","i-lucide-book-open","\u002Fdocs\u002Fmanual\u002Fzh\u002Fessentials","docs\u002Fmanual\u002Fzh\u002F3.essentials",[83,88,93,98,103],{"title":84,"path":85,"stem":86,"icon":87},"Markdown 语法","\u002Fdocs\u002Fmanual\u002Fzh\u002Fessentials\u002Fmarkdown-syntax","docs\u002Fmanual\u002Fzh\u002F3.essentials\u002F1.markdown-syntax","i-lucide-heading-1",{"title":89,"path":90,"stem":91,"icon":92},"代码块","\u002Fdocs\u002Fmanual\u002Fzh\u002Fessentials\u002Fcode-blocks","docs\u002Fmanual\u002Fzh\u002F3.essentials\u002F2.code-blocks","i-lucide-code-xml",{"title":94,"path":95,"stem":96,"icon":97},"组件","\u002Fdocs\u002Fmanual\u002Fzh\u002Fessentials\u002Fcomponents","docs\u002Fmanual\u002Fzh\u002F3.essentials\u002F3.components","i-lucide-component",{"title":99,"path":100,"stem":101,"icon":102},"图片与嵌入","\u002Fdocs\u002Fmanual\u002Fzh\u002Fessentials\u002Fimages-embeds","docs\u002Fmanual\u002Fzh\u002F3.essentials\u002F4.images-embeds","i-lucide-image",{"title":104,"path":105,"stem":106,"icon":107,"position":108},"Mermaid 图表","\u002Fdocs\u002Fmanual\u002Fzh\u002Fessentials\u002Fmermaid","docs\u002Fmanual\u002Fzh\u002F3.essentials\u002F5.mermaid","i-lucide-chart-network",5,{"title":110,"icon":111,"path":112,"stem":113,"children":114,"page":40},"AI","i-lucide-sparkles","\u002Fdocs\u002Fmanual\u002Fzh\u002Fai","docs\u002Fmanual\u002Fzh\u002F4.ai",[115,119,124,129],{"title":116,"path":117,"stem":118,"icon":111},"助手","\u002Fdocs\u002Fmanual\u002Fzh\u002Fai\u002Fassistant","docs\u002Fmanual\u002Fzh\u002F4.ai\u002F1.assistant",{"title":120,"path":121,"stem":122,"icon":123},"MCP 服务器","\u002Fdocs\u002Fmanual\u002Fzh\u002Fai\u002Fmcp","docs\u002Fmanual\u002Fzh\u002F4.ai\u002F2.mcp","i-lucide-cpu",{"title":125,"path":126,"stem":127,"icon":128},"Agent 技能","\u002Fdocs\u002Fmanual\u002Fzh\u002Fai\u002Fskills","docs\u002Fmanual\u002Fzh\u002F4.ai\u002F3.skills","i-lucide-wand-sparkles",{"title":130,"path":131,"stem":132,"icon":133},"LLMs 集成","\u002Fdocs\u002Fmanual\u002Fzh\u002Fai\u002Fllms","docs\u002Fmanual\u002Fzh\u002F4.ai\u002F4.llms","i-lucide-message-circle-code",[135,143,151,158],{"title":5,"icon":6,"path":7,"stem":8,"children":136,"page":40},[137,138,139,140,141,142],{"title":11,"path":12,"stem":13,"icon":14},{"title":16,"path":17,"stem":18,"icon":19},{"title":21,"path":22,"stem":23,"icon":24},{"title":26,"path":27,"stem":28,"icon":29},{"title":31,"path":32,"stem":33,"icon":34},{"title":36,"path":37,"stem":38,"icon":39},{"title":42,"icon":43,"path":44,"stem":45,"children":144,"page":40},[145,146,147,148,149,150],{"title":48,"path":49,"stem":50,"icon":51},{"title":53,"path":54,"stem":55,"icon":56},{"title":58,"path":59,"stem":60,"icon":61},{"title":63,"path":64,"stem":65,"icon":66},{"title":68,"path":69,"stem":70,"icon":71},{"title":73,"path":74,"stem":75,"icon":76},{"title":78,"icon":79,"path":80,"stem":81,"children":152,"page":40},[153,154,155,156,157],{"title":84,"path":85,"stem":86,"icon":87},{"title":89,"path":90,"stem":91,"icon":92},{"title":94,"path":95,"stem":96,"icon":97},{"title":99,"path":100,"stem":101,"icon":102},{"title":104,"path":105,"stem":106,"icon":107,"position":108},{"title":110,"icon":111,"path":112,"stem":113,"children":159,"page":40},[160,161,162,163],{"title":116,"path":117,"stem":118,"icon":111},{"title":120,"path":121,"stem":122,"icon":123},{"title":125,"path":126,"stem":127,"icon":128},{"title":130,"path":131,"stem":132,"icon":133},{"id":165,"title":104,"body":166,"config":365,"description":366,"extension":234,"links":365,"meta":367,"navigation":368,"path":105,"seo":369,"stem":106,"__hash__":371},"docs_manual_zh\u002Fdocs\u002Fmanual\u002Fzh\u002F3.essentials\u002F5.mermaid.md",{"type":167,"value":168,"toc":357},"minimark",[169,174,187,195,198,203,207,210,213,216,219,229,303,306,309,330,333,336,353],[170,171,173],"h2",{"id":172},"mermaid-已默认启用","Mermaid 已默认启用",[175,176,177,178,182,183,186],"p",{},"TockDocs 在共享层中注册了 ",[179,180,181],"code",{},"@barzhsieh\u002Fnuxt-content-mermaid","，因此 ",[179,184,185],{},"docs\u002Fcontent\u002F**"," 下的任何 Markdown 页面都可以渲染 Mermaid 围栏代码块。",[175,188,189,190,194],{},"常见情况下，您",[191,192,193],"strong",{},"不需要","添加单独的 Vue 组件。只需在内容文件中编写顶层 Mermaid 围栏代码块，层就会将其转换为响应式图表。",[170,196,197],{"id":197},"创建您的第一个图表",[199,200],"mermaid",{":config":201,"code":202},"config","flowchart%20TD%0A%20%20A%5B%E7%BC%96%E5%86%99%20Markdown%5D%20--%3E%20B%5B%E6%B7%BB%E5%8A%A0%20mermaid%20%E5%9B%B4%E6%A0%8F%E4%BB%A3%E7%A0%81%E5%9D%97%5D%0A%20%20B%20--%3E%20C%5BTockDocs%20%E5%B0%86%E5%85%B6%E8%BD%AC%E6%8D%A2%E4%B8%BA%20%60%3CMermaid%3E%60%5D%0A%20%20C%20--%3E%20D%5BNuxt%20%E6%B8%B2%E6%9F%93%20SVG%5D",[170,204,206],{"id":205},"构建适合-tockdocs-的图表","构建适合 TockDocs 的图表",[175,208,209],{},"一个简单的 TockDocs 示例：",[199,211],{":config":201,"code":212},"flowchart%20LR%0A%20%20Docs%5Bdocs%2F%5D%20--%3E%20Layer%5Blayer%2F%5D%0A%20%20Layer%20--%3E%20Content%5BNuxt%20Content%5D%0A%20%20Layer%20--%3E%20Mermaid%5BMermaid%20%E8%BF%90%E8%A1%8C%E6%97%B6%5D%0A%20%20Content%20--%3E%20Page%5B%E6%B8%B2%E6%9F%93%E9%A1%B5%E9%9D%A2%5D%0A%20%20Mermaid%20--%3E%20Page",[175,214,215],{},"您也可以使用时序图、状态图、类图等——Mermaid 支持的任何类型。",[170,217,218],{"id":218},"自定义每页图表",[175,220,221,222,224,225,228],{},"TockDocs 为 Mermaid 覆盖提供了 ",[179,223,201],{}," frontmatter 字段。共享层已经在 ",[179,226,227],{},"layer\u002Fcontent.config.ts"," 中声明了此字段，因此它会被解析为对象。",[230,231,236],"pre",{"className":232,"code":233,"language":234,"meta":235,"style":235},"language-md shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","---\ntitle: Mermaid 图表\nconfig:\n  theme: forest\n  flowchart:\n    curve: step\n---\n","md","",[179,237,238,247,261,269,280,287,298],{"__ignoreMap":235},[239,240,243],"span",{"class":241,"line":242},"line",1,[239,244,246],{"class":245},"sMK4o","---\n",[239,248,250,254,257],{"class":241,"line":249},2,[239,251,253],{"class":252},"swJcz","title",[239,255,256],{"class":245},":",[239,258,260],{"class":259},"sfazB"," Mermaid 图表\n",[239,262,264,266],{"class":241,"line":263},3,[239,265,201],{"class":252},[239,267,268],{"class":245},":\n",[239,270,272,275,277],{"class":241,"line":271},4,[239,273,274],{"class":252},"  theme",[239,276,256],{"class":245},[239,278,279],{"class":259}," forest\n",[239,281,282,285],{"class":241,"line":108},[239,283,284],{"class":252},"  flowchart",[239,286,268],{"class":245},[239,288,290,293,295],{"class":241,"line":289},6,[239,291,292],{"class":252},"    curve",[239,294,256],{"class":245},[239,296,297],{"class":259}," step\n",[239,299,301],{"class":241,"line":300},7,[239,302,246],{"class":245},[199,304],{":config":201,"code":305},"flowchart%20TD%0A%20%20A%5B%E5%BC%80%E5%A7%8B%5D%20--%3E%20B%5B%E9%80%9A%E8%BF%87%20frontmatter%20config%20%E8%87%AA%E5%AE%9A%E4%B9%89%5D",[170,307,308],{"id":308},"实用提示",[310,311,312,318,321,327],"ul",{},[313,314,315,316],"li",{},"围栏代码块名称必须精确为 ",[179,317,199],{},[313,319,320],{},"将围栏代码块放在 Markdown 文件的顶层",[313,322,323,324],{},"使用有效的 Mermaid 语法；一个拼写错误就可能导致 ",[179,325,326],{},"⚠️ Mermaid Diagram Error",[313,328,329],{},"如果更改了模块配置，请重启开发服务器以便 Vite 重新优化依赖",[170,331,332],{"id":332},"何时使用",[175,334,335],{},"当您想要说明以下内容时使用 Mermaid：",[310,337,338,341,344,347,350],{},[313,339,340],{},"工作空间结构",[313,342,343],{},"请求或数据流",[313,345,346],{},"架构决策",[313,348,349],{},"入门步骤",[313,351,352],{},"部署路径",[354,355,356],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":235,"searchDepth":249,"depth":249,"links":358},[359,360,361,362,363,364],{"id":172,"depth":249,"text":173},{"id":197,"depth":249,"text":197},{"id":205,"depth":249,"text":206},{"id":218,"depth":249,"text":218},{"id":308,"depth":249,"text":308},{"id":332,"depth":249,"text":332},null,"学习如何在 TockDocs Markdown 页面中创建 Mermaid 图表。",{},{"icon":107,"position":108},{"title":104,"description":370},"使用围栏代码块在 TockDocs 内容中渲染 Mermaid 图表。","ZH2X4kzuyaSBnA9FWhTKNE99z0jwD9rhmj-rU8A6oXE",[373,375],{"title":99,"path":100,"stem":101,"description":374,"icon":102,"children":-1},"添加图片、视频和其他 HTML 元素",{"title":116,"path":117,"stem":118,"description":376,"icon":111,"children":-1},"为您的文档添加 AI 驱动的聊天功能，回答问题、引用来源并生成代码示例。",1778590915420]