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