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