[{"data":1,"prerenderedAt":610},["ShallowReactive",2],{"/theme":3,"surround-/theme":609},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":5,"title":7,"description":5,"hide-info":8,"aside":9,"github":12,"readingTime":16,"body":21,"_type":601,"_id":602,"_source":603,"_file":604,"_stem":605,"_extension":606,"categories":607},"/theme","",false,"主题",true,[10,11],"toc","github-card",{"name":13,"description":14,"url":15},"L33Z22L11/blog-v3","基于 Nuxt Content 的博客主题，使用 Nuxt 3 构建。","https://github.com/L33Z22L11/blog-v3",{"text":17,"minutes":18,"time":19,"words":20},"4 min read",3.76,225600,752,{"type":22,"children":23,"toc":585},"root",[24,32,92,98,134,139,195,200,216,221,236,263,268,275,280,329,334,581],{"type":25,"tag":26,"props":27,"children":29},"element","h2",{"id":28},"主题特性",[30],{"type":31,"value":28},"text",{"type":25,"tag":33,"props":34,"children":35},"card-list",{},[36],{"type":25,"tag":37,"props":38,"children":39},"ul",{},[40,52,62,72,82],{"type":25,"tag":41,"props":42,"children":43},"li",{},[44,50],{"type":25,"tag":45,"props":46,"children":47},"strong",{},[48],{"type":31,"value":49},"响应式设计和夜间模式",{"type":31,"value":51},"：支持移动端和桌面端，同时适配系统颜色偏好，确保在不同设备上都能提供良好的阅读体验。",{"type":25,"tag":41,"props":53,"children":54},{},[55,60],{"type":25,"tag":45,"props":56,"children":57},{},[58],{"type":31,"value":59},"兼容性",{"type":31,"value":61},"：样式在多个浏览器上兼容良好（如安卓夸克 APP），在 Chrome 88（2021年1月）上显示美观，并且有适当的回退策略。",{"type":25,"tag":41,"props":63,"children":64},{},[65,70],{"type":25,"tag":45,"props":66,"children":67},{},[68],{"type":31,"value":69},"订阅源",{"type":31,"value":71},"：支持 Atom 订阅源，能显示文章封面（由于 Nuxt Content 特性，订阅源中只有摘要）。",{"type":25,"tag":41,"props":73,"children":74},{},[75,80],{"type":25,"tag":45,"props":76,"children":77},{},[78],{"type":31,"value":79},"SEO 优化",{"type":31,"value":81},"：使用 Nuxt SEO 插件，优化搜索引擎的收录和排名。",{"type":25,"tag":41,"props":83,"children":84},{},[85,90],{"type":25,"tag":45,"props":86,"children":87},{},[88],{"type":31,"value":89},"评论系统",{"type":31,"value":91},"：集成 Twikoo 评论系统，方便用户留言和互动。",{"type":25,"tag":93,"props":94,"children":96},"h3",{"id":95},"减少干扰",[97],{"type":31,"value":95},{"type":25,"tag":33,"props":99,"children":100},{},[101],{"type":25,"tag":37,"props":102,"children":103},{},[104,114,124],{"type":25,"tag":41,"props":105,"children":106},{},[107,112],{"type":25,"tag":45,"props":108,"children":109},{},[110],{"type":31,"value":111},"清晰易读",{"type":31,"value":113},"：选用容易阅读的字体和合适的字号，采用不刺眼且易于辨识的颜色搭配。",{"type":25,"tag":41,"props":115,"children":116},{},[117,122],{"type":25,"tag":45,"props":118,"children":119},{},[120],{"type":31,"value":121},"减少动画",{"type":31,"value":123},"：不使用“樱花”“雪花”“星辰”等持续变化的动画，确保用户的注意力集中在主要内容上，以提供良好的视觉体验。",{"type":25,"tag":41,"props":125,"children":126},{},[127,132],{"type":25,"tag":45,"props":128,"children":129},{},[130],{"type":31,"value":131},"专注文章",{"type":31,"value":133},"：避免通过动画、声音等方式将注意力引向与「阅读正文」无关的内容，如“Live2D人偶”“博客版本通知”“隐私协议提醒”“热门评论轮播”等。",{"type":25,"tag":93,"props":135,"children":137},{"id":136},"提升空间效率",[138],{"type":31,"value":136},{"type":25,"tag":33,"props":140,"children":141},{},[142],{"type":25,"tag":37,"props":143,"children":144},{},[145,155,165,175,185],{"type":25,"tag":41,"props":146,"children":147},{},[148,153],{"type":25,"tag":45,"props":149,"children":150},{},[151],{"type":31,"value":152},"布局方式",{"type":31,"value":154},"：不使用顶部导航栏或主屏大图（Hero Image）。",{"type":25,"tag":41,"props":156,"children":157},{},[158,163],{"type":25,"tag":45,"props":159,"children":160},{},[161],{"type":31,"value":162},"文章列表",{"type":31,"value":164},"：列表在宽度足够时封面居右，以提升空间利用率。",{"type":25,"tag":41,"props":166,"children":167},{},[168,173],{"type":25,"tag":45,"props":169,"children":170},{},[171],{"type":31,"value":172},"内容宽度",{"type":31,"value":174},"：限制宽屏模式下的内容宽度，减少阅读疲劳。",{"type":25,"tag":41,"props":176,"children":177},{},[178,183],{"type":25,"tag":45,"props":179,"children":180},{},[181],{"type":31,"value":182},"内容排版",{"type":31,"value":184},"：减小表格和代码块的字体大小，以减少横向溢出，改善阅读体验。",{"type":25,"tag":41,"props":186,"children":187},{},[188,193],{"type":25,"tag":45,"props":189,"children":190},{},[191],{"type":31,"value":192},"友链列表",{"type":31,"value":194},"：隐藏右侧栏，在宽度足够时使用横向列表形式，确保单位屏幕内的展示数量。",{"type":25,"tag":93,"props":196,"children":198},{"id":197},"分化文章版式",[199],{"type":31,"value":197},{"type":25,"tag":33,"props":201,"children":202},{},[203],{"type":25,"tag":37,"props":204,"children":205},{},[206,211],{"type":25,"tag":41,"props":207,"children":208},{},[209],{"type":31,"value":210},"技术文章标题左对齐，正文无缩进。",{"type":25,"tag":41,"props":212,"children":213},{},[214],{"type":31,"value":215},"故事类文章标题居中且使用衬线体，正文有缩进。",{"type":25,"tag":26,"props":217,"children":219},{"id":218},"使用",[220],{"type":31,"value":218},{"type":25,"tag":222,"props":223,"children":224},"p",{},[225,227,234],{"type":31,"value":226},"自用项目，目前已经开源。修改需要具备一定的前端开发知识，请阅读 ",{"type":25,"tag":228,"props":229,"children":231},"code",{"className":230},[],[232],{"type":31,"value":233},"README",{"type":31,"value":235},"。",{"type":25,"tag":237,"props":238,"children":244},"link-card",{"className":239,"link":242,"title":243},[240,241],"gradient-card","active","/previews/example","组件样式示例",[245],{"type":25,"tag":246,"props":247,"children":248},"template",{"v-slot:icon":5},[249],{"type":25,"tag":222,"props":250,"children":251},{},[252,257,261],{"type":25,"tag":45,"props":253,"children":254},{},[255],{"type":31,"value":256},"使用必读",{"type":25,"tag":258,"props":259,"children":260},"br",{},[],{"type":31,"value":262},"👉👉🎨",{"type":25,"tag":93,"props":264,"children":266},{"id":265},"开发过程",[267],{"type":31,"value":265},{"type":25,"tag":269,"props":270,"children":274},"link-banner",{"banner":271,"link":272,"title":273},"https://cute.lv/webp/qq.jpg","/p/2026/09051155","博客进化：从 Hexo 到 Nuxt Content",[],{"type":25,"tag":26,"props":276,"children":278},{"id":277},"开源与衍生",[279],{"type":31,"value":277},{"type":25,"tag":37,"props":281,"children":282},{},[283,299,313],{"type":25,"tag":41,"props":284,"children":285},{},[286,288,297],{"type":31,"value":287},"灵感源自 ",{"type":25,"tag":289,"props":290,"children":294},"a",{"href":291,"rel":292},"https://github.com/xaoxuu/hexo-theme-stellar",[293],"nofollow",[295],{"type":31,"value":296},"xaoxuu/hexo-theme-stellar",{"type":31,"value":298},"，这是一个经过精致设计的简洁 Hexo 主题。",{"type":25,"tag":41,"props":300,"children":301},{},[302,304,311],{"type":31,"value":303},"借鉴了众多优秀设计，自己的一些设计也为 ",{"type":25,"tag":305,"props":306,"children":308},"tip",{"tip":307},"真的有不少！",[309],{"type":31,"value":310},"许多朋友的博客项目",{"type":31,"value":312}," 提供了灵感。",{"type":25,"tag":41,"props":314,"children":315},{},[316,318,328],{"type":31,"value":317},"项目被多人用作个人博客，详见 ",{"type":25,"tag":289,"props":319,"children":321},{"href":15,"rel":320},[293],[322],{"type":25,"tag":228,"props":323,"children":325},{"className":324},[],[326],{"type":31,"value":327},"README.md",{"type":31,"value":235},{"type":25,"tag":93,"props":330,"children":332},{"id":331},"技术架构",[333],{"type":31,"value":331},{"type":25,"tag":33,"props":335,"children":336},{},[337],{"type":25,"tag":37,"props":338,"children":339},{},[340,368,425,503],{"type":25,"tag":41,"props":341,"children":342},{},[343,345],{"type":31,"value":344},"主要框架与语言\n",{"type":25,"tag":37,"props":346,"children":347},{},[348,358],{"type":25,"tag":41,"props":349,"children":350},{},[351,356],{"type":25,"tag":45,"props":352,"children":353},{},[354],{"type":31,"value":355},"前端框架",{"type":31,"value":357},"：Nuxt 3",{"type":25,"tag":41,"props":359,"children":360},{},[361,366],{"type":25,"tag":45,"props":362,"children":363},{},[364],{"type":31,"value":365},"开发语言",{"type":31,"value":367},"：TypeScript + Vue 3 + Scss",{"type":25,"tag":41,"props":369,"children":370},{},[371,373],{"type":31,"value":372},"内容与服务\n",{"type":25,"tag":37,"props":374,"children":375},{},[376,386,396,405,415],{"type":25,"tag":41,"props":377,"children":378},{},[379,384],{"type":25,"tag":45,"props":380,"children":381},{},[382],{"type":31,"value":383},"内容管理",{"type":31,"value":385},"：Nuxt Content V2",{"type":25,"tag":41,"props":387,"children":388},{},[389,394],{"type":25,"tag":45,"props":390,"children":391},{},[392],{"type":31,"value":393},"部署平台",{"type":31,"value":395},"：Vercel",{"type":25,"tag":41,"props":397,"children":398},{},[399,403],{"type":25,"tag":45,"props":400,"children":401},{},[402],{"type":31,"value":89},{"type":31,"value":404},"：Twikoo",{"type":25,"tag":41,"props":406,"children":407},{},[408,413],{"type":25,"tag":45,"props":409,"children":410},{},[411],{"type":31,"value":412},"评论数据库",{"type":31,"value":414},"：MongoDB",{"type":25,"tag":41,"props":416,"children":417},{},[418,423],{"type":25,"tag":45,"props":419,"children":420},{},[421],{"type":31,"value":422},"包管理器",{"type":31,"value":424},"：pnpm",{"type":25,"tag":41,"props":426,"children":427},{},[428,430],{"type":31,"value":429},"工具库\n",{"type":25,"tag":37,"props":431,"children":432},{},[433,443,453,463,473,483,493],{"type":25,"tag":41,"props":434,"children":435},{},[436,441],{"type":25,"tag":45,"props":437,"children":438},{},[439],{"type":31,"value":440},"日期处理",{"type":31,"value":442},"：date-fns",{"type":25,"tag":41,"props":444,"children":445},{},[446,451],{"type":25,"tag":45,"props":447,"children":448},{},[449],{"type":31,"value":450},"轮播图",{"type":31,"value":452},"：Embla Carousel",{"type":25,"tag":41,"props":454,"children":455},{},[456,461],{"type":25,"tag":45,"props":457,"children":458},{},[459],{"type":31,"value":460},"订阅源生成",{"type":31,"value":462},"：Fast XML Parser",{"type":25,"tag":41,"props":464,"children":465},{},[466,471],{"type":25,"tag":45,"props":467,"children":468},{},[469],{"type":31,"value":470},"域名解析",{"type":31,"value":472},"：parse-domain",{"type":25,"tag":41,"props":474,"children":475},{},[476,481],{"type":25,"tag":45,"props":477,"children":478},{},[479],{"type":31,"value":480},"动态代码高亮",{"type":31,"value":482},"：Plain Shiki",{"type":25,"tag":41,"props":484,"children":485},{},[486,491],{"type":25,"tag":45,"props":487,"children":488},{},[489],{"type":31,"value":490},"实用算法片段库",{"type":31,"value":492},"：Radash",{"type":25,"tag":41,"props":494,"children":495},{},[496,501],{"type":25,"tag":45,"props":497,"children":498},{},[499],{"type":31,"value":500},"悬浮组件库",{"type":31,"value":502},"：Vue Tippy",{"type":25,"tag":41,"props":504,"children":505},{},[506,508],{"type":31,"value":507},"依赖模块\n",{"type":25,"tag":37,"props":509,"children":510},{},[511,521,531,541,551,561,571],{"type":25,"tag":41,"props":512,"children":513},{},[514,519],{"type":25,"tag":45,"props":515,"children":516},{},[517],{"type":31,"value":518},"图标管理",{"type":31,"value":520},"：Nuxt Icon",{"type":25,"tag":41,"props":522,"children":523},{},[524,529],{"type":25,"tag":45,"props":525,"children":526},{},[527],{"type":31,"value":528},"颜色模式",{"type":31,"value":530},"：Nuxt Color Mode",{"type":25,"tag":41,"props":532,"children":533},{},[534,539],{"type":25,"tag":45,"props":535,"children":536},{},[537],{"type":31,"value":538},"SEO优化",{"type":31,"value":540},"：Nuxt SEO",{"type":25,"tag":41,"props":542,"children":543},{},[544,549],{"type":25,"tag":45,"props":545,"children":546},{},[547],{"type":31,"value":548},"状态管理",{"type":31,"value":550},"：Pinia",{"type":25,"tag":41,"props":552,"children":553},{},[554,559],{"type":25,"tag":45,"props":555,"children":556},{},[557],{"type":31,"value":558},"Vue 实用功能库",{"type":31,"value":560},"：VueUse",{"type":25,"tag":41,"props":562,"children":563},{},[564,569],{"type":25,"tag":45,"props":565,"children":566},{},[567],{"type":31,"value":568},"代码质量",{"type":31,"value":570},"：ESLint + Stylelint",{"type":25,"tag":41,"props":572,"children":573},{},[574,579],{"type":25,"tag":45,"props":575,"children":576},{},[577],{"type":31,"value":578},"代码压缩",{"type":31,"value":580},"：Terser",{"type":25,"tag":582,"props":583,"children":584},"zhilu-header",{},[],{"title":5,"searchDepth":586,"depth":586,"links":587},4,[588,595,598],{"id":28,"depth":589,"text":28,"children":590},2,[591,593,594],{"id":95,"depth":592,"text":95},3,{"id":136,"depth":592,"text":136},{"id":197,"depth":592,"text":197},{"id":218,"depth":589,"text":218,"children":596},[597],{"id":265,"depth":592,"text":265},{"id":277,"depth":589,"text":277,"children":599},[600],{"id":331,"depth":592,"text":331},"markdown","content:theme.md","content","theme.md","theme","md",[608],"未分类",null,1789479054927]