[{"data":1,"prerenderedAt":418},["ShallowReactive",2],{"content:\u002Ftheme":3,"surround:\u002Ftheme":417},{"id":4,"title":5,"body":6,"categories":385,"date":387,"description":150,"draft":388,"extension":389,"image":390,"meta":391,"navigation":392,"path":404,"permalink":390,"published":390,"readingTime":405,"recommend":390,"references":390,"seo":410,"sitemap":411,"stem":412,"tags":413,"type":414,"updated":415,"__hash__":416},"content\u002Ftheme.md","主题",{"type":7,"value":8,"toc":369},"minimark",[9,13,51,55,77,80,114,117,127,130,139,160,163,173,176,205,208,357],[10,11,12],"h2",{"id":12},"主题特性",[14,15,16],"card-list",{},[17,18,19,27,33,39,45],"ul",{},[20,21,22,26],"li",{},[23,24,25],"strong",{},"响应式设计和夜间模式","：支持移动端和桌面端，同时适配系统颜色偏好，确保在不同设备上都能提供良好的阅读体验。",[20,28,29,32],{},[23,30,31],{},"兼容性","：样式在多个浏览器上兼容良好（如安卓夸克 APP），在 Chrome 88（2021年1月）上显示美观，并且有适当的回退策略。",[20,34,35,38],{},[23,36,37],{},"订阅源","：支持 Atom 订阅源，能显示文章封面（由于 Nuxt Content 特性，订阅源中只有摘要）。",[20,40,41,44],{},[23,42,43],{},"SEO 优化","：使用 Nuxt SEO 插件，优化搜索引擎的收录和排名。",[20,46,47,50],{},[23,48,49],{},"评论系统","：集成 Twikoo 评论系统，方便用户留言和互动。",[52,53,54],"h3",{"id":54},"减少干扰",[14,56,57],{},[17,58,59,65,71],{},[20,60,61,64],{},[23,62,63],{},"清晰易读","：选用容易阅读的字体和合适的字号，采用不刺眼且易于辨识的颜色搭配。",[20,66,67,70],{},[23,68,69],{},"减少动画","：不使用“樱花”“雪花”“星辰”等持续变化的动画，确保用户的注意力集中在主要内容上，以提供良好的视觉体验。",[20,72,73,76],{},[23,74,75],{},"专注文章","：避免通过动画、声音等方式将注意力引向与「阅读正文」无关的内容，如“Live2D人偶”“博客版本通知”“隐私协议提醒”“热门评论轮播”等。",[52,78,79],{"id":79},"提升空间效率",[14,81,82],{},[17,83,84,90,96,102,108],{},[20,85,86,89],{},[23,87,88],{},"布局方式","：不使用顶部导航栏或主屏大图（Hero Image）。",[20,91,92,95],{},[23,93,94],{},"文章列表","：列表在宽度足够时封面居右，以提升空间利用率。",[20,97,98,101],{},[23,99,100],{},"内容宽度","：限制宽屏模式下的内容宽度，减少阅读疲劳。",[20,103,104,107],{},[23,105,106],{},"内容排版","：减小表格和代码块的字体大小，以减少横向溢出，改善阅读体验。",[20,109,110,113],{},[23,111,112],{},"友链列表","：隐藏右侧栏，在宽度足够时使用横向列表形式，确保单位屏幕内的展示数量。",[52,115,116],{"id":116},"分化文章版式",[14,118,119],{},[17,120,121,124],{},[20,122,123],{},"技术文章标题左对齐，正文无缩进。",[20,125,126],{},"故事类文章标题居中且使用衬线体，正文有缩进。",[10,128,129],{"id":129},"使用",[131,132,133,134,138],"p",{},"自用项目，目前已经开源。修改需要具备一定的前端开发知识，请阅读 ",[135,136,137],"code",{"code":137},"README","。",[140,141,147],"link-card",{"link":142,"title":143,"className":144},"https:\u002F\u002Fgithub.com\u002FL33Z22L11\u002Fblog-v3","项目源码",[145,146],"gradient-card","active",[148,149,151],"template",{"v-slot:icon":150},"",[131,152,153,156,159],{},[23,154,155],{},"使用必读",[157,158],"br",{},"👉👉🎨",[52,161,162],{"id":162},"开发过程",[131,164,165,166,172],{},"主题开发过程详见 ",[167,168,171],"a",{"href":142,"rel":169},[170],"nofollow","L33Z22L11\u002Fblog-v3"," 项目仓库。",[10,174,175],{"id":175},"开源与衍生",[17,177,178,187,196],{},[20,179,180,181,186],{},"灵感源自 ",[167,182,185],{"href":183,"rel":184},"https:\u002F\u002Fgithub.com\u002Fxaoxuu\u002Fhexo-theme-stellar",[170],"xaoxuu\u002Fhexo-theme-stellar","，这是一个经过精致设计的简洁 Hexo 主题。",[20,188,189,190,195],{},"借鉴了众多优秀设计，自己的一些设计也为 ",[191,192,194],"tip",{"tip":193},"真的有不少！","许多朋友的博客项目"," 提供了灵感。",[20,197,198,199,138],{},"项目被多人用作个人博客，详见 ",[167,200,202],{"href":142,"rel":201},[170],[135,203,204],{"code":204},"README.md",[52,206,207],{"id":207},"技术架构",[14,209,210],{},[17,211,212,229,263,304],{},[20,213,214,215],{},"主要框架与语言\n",[17,216,217,223],{},[20,218,219,222],{},[23,220,221],{},"前端框架","：Nuxt 4",[20,224,225,228],{},[23,226,227],{},"开发语言","：TypeScript + Vue 3 + Scss",[20,230,231,232],{},"内容与服务\n",[17,233,234,240,246,251,257],{},[20,235,236,239],{},[23,237,238],{},"内容管理","：Nuxt Content v3",[20,241,242,245],{},[23,243,244],{},"部署平台","：Vercel",[20,247,248,250],{},[23,249,49],{},"：Twikoo",[20,252,253,256],{},[23,254,255],{},"评论数据库","：MongoDB",[20,258,259,262],{},[23,260,261],{},"包管理器","：pnpm",[20,264,265,266],{},"工具库\n",[17,267,268,274,280,286,292,298],{},[20,269,270,273],{},[23,271,272],{},"轮播图","：Embla Carousel",[20,275,276,279],{},[23,277,278],{},"订阅源生成","：Fast XML Parser",[20,281,282,285],{},[23,283,284],{},"域名解析","：parse-domain",[20,287,288,291],{},[23,289,290],{},"代码高亮","：Shiki + Plain Shiki",[20,293,294,297],{},[23,295,296],{},"实用函数库","：es-toolkit",[20,299,300,303],{},[23,301,302],{},"悬浮组件库","：Vue Tippy",[20,305,306,307],{},"依赖模块\n",[17,308,309,315,321,327,333,339,345,351],{},[20,310,311,314],{},[23,312,313],{},"图标管理","：Nuxt Icon（Iconify）",[20,316,317,320],{},[23,318,319],{},"颜色模式","：Nuxt Color Mode",[20,322,323,326],{},[23,324,325],{},"SEO优化","：Nuxt SEO",[20,328,329,332],{},[23,330,331],{},"状态管理","：Pinia",[20,334,335,338],{},[23,336,337],{},"Vue 实用功能库","：VueUse",[20,340,341,344],{},[23,342,343],{},"Nuxt 实用模块","：Bikariya",[20,346,347,350],{},[23,348,349],{},"代码质量","：ESLint + Stylelint",[20,352,353,356],{},[23,354,355],{},"代码压缩","：Oxc Minify",[17,358,359],{},[20,360,361,362,138],{},"更多技术依赖可参考 ",[167,363,366],{"href":364,"rel":365},"https:\u002F\u002Fgithub.com\u002FL33Z22L11\u002Fblog-v3\u002Fblob\u002Fmain\u002Fpnpm-workspace.yaml",[170],[135,367,368],{"code":368},"pnpm-workspace.yaml",{"title":150,"searchDepth":370,"depth":370,"links":371},4,[372,379,382],{"id":12,"depth":373,"text":12,"children":374},2,[375,377,378],{"id":54,"depth":376,"text":54},3,{"id":79,"depth":376,"text":79},{"id":116,"depth":376,"text":116},{"id":129,"depth":373,"text":129,"children":380},[381],{"id":162,"depth":376,"text":162},{"id":175,"depth":373,"text":175,"children":383},[384],{"id":207,"depth":376,"text":207},[386],"未分类","2024-08-04 20:27:59",false,"md",null,{"hideInfo":392,"aside":393,"slots":396},true,[394,395],"toc","meta-aside-github",{"aside-github":397},{"props":398,"type":7,"value":400},{"title":399},"项目仓库",[401],[140,402],{"link":142,"title":171,"description":403},"A clean blog theme powered by Nuxt 4 & Nuxt Content v3.","\u002Ftheme",{"text":406,"minutes":407,"time":408,"words":409},"4 min read",3.865,231900,773,{"title":5,"description":150},{"loc":404},"theme",[],"tech","2026-02-03 02:50:11","JIpT0W0B-IraajondDzBSEaJGVhbeyl62ooCuesE308",[390,390],1785250158903]