[{"data":1,"prerenderedAt":407},["ShallowReactive",2],{"\u002Ftheme":3,"surround-\u002Ftheme":406},{"id":4,"title":5,"body":6,"categories":373,"date":375,"description":150,"draft":376,"extension":377,"image":378,"meta":379,"navigation":380,"path":393,"permalink":378,"published":378,"readingTime":394,"recommend":378,"references":378,"seo":399,"sitemap":400,"stem":401,"tags":402,"type":403,"updated":404,"__hash__":405},"content\u002Ftheme.md","主题",{"type":7,"value":8,"toc":359},"minimark",[9,13,51,55,77,80,114,117,127,130,139,160,163,195,198,347],[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},"\u002Fpreviews\u002Fexample","组件样式示例",[145,146],"gradient-card","active",[148,149,151],"template",{"v-slot:icon":150},"",[131,152,153,156,159],{},[23,154,155],{},"使用必读",[157,158],"br",{},"👉👉🎨",[10,161,162],{"id":162},"开源与衍生",[17,164,165,176,185],{},[20,166,167,168,175],{},"灵感源自 ",[169,170,174],"a",{"href":171,"rel":172},"https:\u002F\u002Fgithub.com\u002Fxaoxuu\u002Fhexo-theme-stellar",[173],"nofollow","xaoxuu\u002Fhexo-theme-stellar","，这是一个经过精致设计的简洁 Hexo 主题。",[20,177,178,179,184],{},"借鉴了众多优秀设计，自己的一些设计也为 ",[180,181,183],"tip",{"tip":182},"真的有不少！","许多朋友的博客项目"," 提供了灵感。",[20,186,187,188,138],{},"项目被多人用作个人博客，详见 ",[169,189,192],{"href":190,"rel":191},"https:\u002F\u002Fgithub.com\u002FL33Z22L11\u002Fblog-v3",[173],[135,193,194],{"code":194},"README.md",[52,196,197],{"id":197},"技术架构",[14,199,200],{},[17,201,202,219,253,294],{},[20,203,204,205],{},"主要框架与语言\n",[17,206,207,213],{},[20,208,209,212],{},[23,210,211],{},"前端框架","：Nuxt 4",[20,214,215,218],{},[23,216,217],{},"开发语言","：TypeScript + Vue 3 + Scss",[20,220,221,222],{},"内容与服务\n",[17,223,224,230,236,241,247],{},[20,225,226,229],{},[23,227,228],{},"内容管理","：Nuxt Content v3",[20,231,232,235],{},[23,233,234],{},"部署平台","：Vercel",[20,237,238,240],{},[23,239,49],{},"：Twikoo",[20,242,243,246],{},[23,244,245],{},"评论数据库","：MongoDB",[20,248,249,252],{},[23,250,251],{},"包管理器","：pnpm",[20,254,255,256],{},"工具库\n",[17,257,258,264,270,276,282,288],{},[20,259,260,263],{},[23,261,262],{},"轮播图","：Embla Carousel",[20,265,266,269],{},[23,267,268],{},"订阅源生成","：Fast XML Parser",[20,271,272,275],{},[23,273,274],{},"域名解析","：parse-domain",[20,277,278,281],{},[23,279,280],{},"代码高亮","：Shiki + Plain Shiki",[20,283,284,287],{},[23,285,286],{},"实用函数库","：es-toolkit",[20,289,290,293],{},[23,291,292],{},"悬浮组件库","：Vue Tippy",[20,295,296,297],{},"依赖模块\n",[17,298,299,305,311,317,323,329,335,341],{},[20,300,301,304],{},[23,302,303],{},"图标管理","：Nuxt Icon（Iconify）",[20,306,307,310],{},[23,308,309],{},"颜色模式","：Nuxt Color Mode",[20,312,313,316],{},[23,314,315],{},"SEO优化","：Nuxt SEO",[20,318,319,322],{},[23,320,321],{},"状态管理","：Pinia",[20,324,325,328],{},[23,326,327],{},"Vue 实用功能库","：VueUse",[20,330,331,334],{},[23,332,333],{},"Nuxt 实用模块","：Bikariya",[20,336,337,340],{},[23,338,339],{},"代码质量","：ESLint + Stylelint",[20,342,343,346],{},[23,344,345],{},"代码压缩","：Oxc Minify",[17,348,349],{},[20,350,351,352,138],{},"更多技术依赖可参考 ",[169,353,356],{"href":354,"rel":355},"https:\u002F\u002Fgithub.com\u002FL33Z22L11\u002Fblog-v3\u002Fblob\u002Fmain\u002Fpnpm-workspace.yaml",[173],[135,357,358],{"code":358},"pnpm-workspace.yaml",{"title":150,"searchDepth":360,"depth":360,"links":361},4,[362,369,370],{"id":12,"depth":363,"text":12,"children":364},2,[365,367,368],{"id":54,"depth":366,"text":54},3,{"id":79,"depth":366,"text":79},{"id":116,"depth":366,"text":116},{"id":129,"depth":363,"text":129},{"id":162,"depth":363,"text":162,"children":371},[372],{"id":197,"depth":366,"text":197},[374],"未分类","2024-08-04 20:27:59",false,"md",null,{"hideInfo":380,"aside":381,"slots":384},true,[382,383],"toc","meta-aside-github",{"aside-github":385},{"props":386,"type":7,"value":388},{"title":387},"项目仓库",[389],[140,390],{"link":190,"title":391,"description":392},"L33Z22L11\u002Fblog-v3","My blog, powered by Nuxt 4 & Nuxt Content v3. 纸鹿摸鱼处，分享技术与生活。","\u002Ftheme",{"text":395,"minutes":396,"time":397,"words":398},"4 min read",3.78,226800,756,{"title":5,"description":150},{"loc":393},"theme",[],"tech","2026-02-03 02:50:11","0FO34j3aga_jLlUogqQDKIaCISNaXLx6kiPKgWQNwiY",[378,378],1779361852844]