[{"data":1,"prerenderedAt":225},["ShallowReactive",2],{"/articles/getting-started":3},{"id":4,"title":5,"body":6,"date":213,"description":214,"extension":215,"featured":185,"meta":216,"navigation":185,"path":217,"seo":218,"stem":219,"tags":220,"__hash__":224},"articles/articles/getting-started.md","开始使用 Nuxt Content 构建博客",{"type":7,"value":8,"toc":203},"minimark",[9,14,18,22,57,60,65,91,95,102,143,147,153,193,196,199],[10,11,13],"h2",{"id":12},"什么是-nuxt-content","什么是 Nuxt Content？",[15,16,17],"p",{},"Nuxt Content 是一个基于文件的内容管理模块，专为 Nuxt 设计。它让你可以直接使用 Markdown、JSON 或 YAML 文件来管理网站内容。",[10,19,21],{"id":20},"为什么选择-nuxt-content","为什么选择 Nuxt Content？",[23,24,25,33,39,45,51],"ul",{},[26,27,28,32],"li",{},[29,30,31],"strong",{},"零数据库依赖","：内容以文件形式存储在 Git 仓库中",[26,34,35,38],{},[29,36,37],{},"Markdown 原生支持","：写文章就像写 Markdown 一样简单",[26,40,41,44],{},[29,42,43],{},"自动路由","：基于文件结构自动生成路由",[26,46,47,50],{},[29,48,49],{},"全文搜索","：内置搜索功能",[26,52,53,56],{},[29,54,55],{},"SEO 友好","：支持 SSR/SSG，搜索引擎优化",[10,58,59],{"id":59},"快速开始",[61,62,64],"h3",{"id":63},"_1-安装模块","1. 安装模块",[66,67,72],"pre",{"className":68,"code":69,"language":70,"meta":71,"style":71},"language-bash shiki shiki-themes github-light github-dark","pnpm add @nuxt/content\n","bash","",[73,74,75],"code",{"__ignoreMap":71},[76,77,80,84,88],"span",{"class":78,"line":79},"line",1,[76,81,83],{"class":82},"sScJk","pnpm",[76,85,87],{"class":86},"sZZnC"," add",[76,89,90],{"class":86}," @nuxt/content\n",[61,92,94],{"id":93},"_2-配置模块","2. 配置模块",[15,96,97,98,101],{},"在 ",[73,99,100],{},"nuxt.config.ts"," 中添加：",[66,103,107],{"className":104,"code":105,"language":106,"meta":71,"style":71},"language-ts shiki shiki-themes github-light github-dark","export default defineNuxtConfig({\n  modules: ['@nuxt/content']\n})\n","ts",[73,108,109,125,137],{"__ignoreMap":71},[76,110,111,115,118,121],{"class":78,"line":79},[76,112,114],{"class":113},"szBVR","export",[76,116,117],{"class":113}," default",[76,119,120],{"class":82}," defineNuxtConfig",[76,122,124],{"class":123},"sVt8B","({\n",[76,126,128,131,134],{"class":78,"line":127},2,[76,129,130],{"class":123},"  modules: [",[76,132,133],{"class":86},"'@nuxt/content'",[76,135,136],{"class":123},"]\n",[76,138,140],{"class":78,"line":139},3,[76,141,142],{"class":123},"})\n",[61,144,146],{"id":145},"_3-创建内容","3. 创建内容",[15,148,97,149,152],{},[73,150,151],{},"content/"," 目录下创建 Markdown 文件：",[66,154,158],{"className":155,"code":156,"language":157,"meta":71,"style":71},"language-markdown shiki shiki-themes github-light github-dark","---\ntitle: \"我的第一篇文章\"\ndate: 2026-06-13\n---\n\n这是文章内容...\n","markdown",[73,159,160,165,170,175,180,187],{"__ignoreMap":71},[76,161,162],{"class":78,"line":79},[76,163,164],{},"---\n",[76,166,167],{"class":78,"line":127},[76,168,169],{},"title: \"我的第一篇文章\"\n",[76,171,172],{"class":78,"line":139},[76,173,174],{},"date: 2026-06-13\n",[76,176,178],{"class":78,"line":177},4,[76,179,164],{},[76,181,183],{"class":78,"line":182},5,[76,184,186],{"emptyLinePlaceholder":185},true,"\n",[76,188,190],{"class":78,"line":189},6,[76,191,192],{},"这是文章内容...\n",[10,194,195],{"id":195},"结语",[15,197,198],{},"Nuxt Content 是个人博客的理想选择，它简单、强大且易于维护。",[200,201,202],"style",{},"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);}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}",{"title":71,"searchDepth":127,"depth":127,"links":204},[205,206,207,212],{"id":12,"depth":127,"text":13},{"id":20,"depth":127,"text":21},{"id":59,"depth":127,"text":59,"children":208},[209,210,211],{"id":63,"depth":139,"text":64},{"id":93,"depth":139,"text":94},{"id":145,"depth":139,"text":146},{"id":195,"depth":127,"text":195},"2026-06-13","本指南将带你了解如何使用 Nuxt Content 模块构建一个现代化的博客系统","md",{},"/articles/getting-started",{"title":5,"description":214},"articles/getting-started",[221,222,223],"Nuxt","前端","教程","hvJUaxq3lInmMrlXXEzSYoyDFk6QTTIJohT7vk7rFTM",1783865040173]