[{"data":1,"prerenderedAt":225},["ShallowReactive",2],{"posts:index":3,"$f1xofz65fspjeo":207},[4,24,39,54,69,85,100,117,134,149,162,177,193],{"categories":5,"date":7,"description":8,"image":9,"path":10,"readingTime":11,"recommend":16,"series":17,"tags":18,"title":22,"type":23,"updated":7},[6],"功能演示","2026-10-03 09:50:00","归档页把所有文章按年份聚合，附字数、篇数，并支持密度调节。本文介绍它的组成与交互。","\u002Fcovers\u002Farchive.jpg","\u002F2026\u002Farchive",{"text":12,"minutes":13,"time":14,"words":15},"2 min read",1.755,105300,351,null,"Clarity 功能地图",[19,20,21],"归档","布局","交互","归档页","tech",{"categories":25,"date":26,"description":27,"image":28,"path":29,"readingTime":30,"recommend":16,"series":17,"tags":34,"title":38,"type":23,"updated":26},[6],"2026-10-03 10:30:00","通过 rehype-meta-slots 插件，文章可以把组件注入到文章末尾与侧栏。本文演示其用法。","\u002Fcovers\u002Faside-slots.jpg","\u002F2026\u002Faside-slots",{"text":12,"minutes":31,"time":32,"words":33},1.88,112800,376,[35,36,37],"插槽","meta-slots","侧栏","侧栏插槽与文章内插槽",{"categories":40,"date":41,"description":42,"image":43,"path":44,"readingTime":45,"recommend":16,"series":17,"tags":49,"title":53,"type":23,"updated":41},[6],"2026-10-03 09:30:00","分类用于给文章归类并在列表页筛选。本文介绍分类的配置、多级分类与筛选入口。","\u002Fcovers\u002Fcategories.jpg","\u002F2026\u002Fcategories",{"text":12,"minutes":46,"time":47,"words":48},1.865,111900,373,[50,51,52],"分类","导航","Front matter","文章分类",{"categories":55,"date":56,"description":57,"image":58,"path":59,"readingTime":60,"recommend":16,"series":17,"tags":64,"title":68,"type":23,"updated":56},[6],"2026-10-03 10:10:00","Clarity 的代码块由 Shiki 驱动，支持语言高亮、文件名图标、自动折叠、换行、行内高亮与一键复制。","\u002Fcovers\u002Fcode-blocks.jpg","\u002F2026\u002Fcode-blocks",{"text":12,"minutes":61,"time":62,"words":63},1.72,103200,344,[65,66,67],"代码高亮","Shiki","排版","代码块与高亮",{"categories":70,"date":71,"description":72,"image":73,"path":74,"readingTime":75,"recommend":16,"series":17,"tags":80,"title":84,"type":23,"updated":71},[6],"2026-10-03 10:00:00","合集把同一系列的文章组织在一起。本站通过 series 字段与 \u002Fcollections 页面实现，本文介绍用法。","\u002Fcovers\u002Fcollections.jpg","\u002F2026\u002Fcollections",{"text":76,"minutes":77,"time":78,"words":79},"3 min read",2.115,126900,423,[81,82,83],"合集","系列","扩展","合集与系列文章",{"categories":86,"date":87,"description":88,"image":89,"path":90,"readingTime":91,"recommend":95,"series":17,"tags":96,"title":99,"type":23,"updated":87},[6],"2026-10-03 09:20:00","挑出 Clarity 常用的内容组件，给出实景效果与 MDC 写法，方便在文章里直接取用。","\u002Fcovers\u002Fcontent-components.jpg","\u002F2026\u002Fcontent-components",{"text":76,"minutes":92,"time":93,"words":94},2.56,153600,512,2,[97,98,67],"组件","MDC","内容组件图鉴",{"categories":101,"date":103,"description":104,"image":105,"path":106,"readingTime":107,"recommend":16,"series":111,"tags":112,"title":116,"type":23,"updated":103},[102],"站点配置","2026-10-03 10:50:00","介绍 Clarity 的 Atom 订阅源、OPML 聚合、友链页、全站搜索、草稿预览与可选的评论系统。","\u002Fcovers\u002Ffeed-search-comment.jpg","\u002F2026\u002Ffeed-search-comment",{"text":76,"minutes":108,"time":109,"words":110},2.07,124200,414,"站点搭建手册",[113,114,115],"订阅源","搜索","评论","订阅、搜索与评论",{"categories":118,"date":120,"description":121,"image":122,"path":123,"readingTime":124,"recommend":128,"series":16,"tags":129,"title":133,"type":23,"updated":120},[119],"关于","2026-10-03 09:00:00","欢迎来到 CreamClarityDEMO——一个用上 Clarity 主题全部功能的功能演示站。本文介绍站点定位、能力清单与阅读路线。","\u002Fcovers\u002Fhello-creamclarity.jpg","\u002F2026\u002Fhello-creamclarity",{"text":76,"minutes":125,"time":126,"words":127},2.86,171600,572,3,[130,131,132],"Clarity","Nuxt","演示","你好，CreamClarityDEMO",{"categories":135,"date":136,"description":137,"image":138,"path":139,"readingTime":140,"recommend":16,"series":17,"tags":144,"title":148,"type":23,"updated":136},[6],"2026-10-03 10:20:00","Clarity 内置数学公式（KaTeX）、Mermaid 图表与 ABC 乐谱渲染，三者都以代码块或行内语法的形式书写。","\u002Fcovers\u002Fmath-charts-music.jpg","\u002F2026\u002Fmath-charts-music",{"text":12,"minutes":141,"time":142,"words":143},1.15,69000,230,[145,146,147],"数学公式","Mermaid","乐谱","公式、图表与乐谱",{"categories":150,"date":151,"description":152,"image":153,"path":154,"readingTime":155,"recommend":16,"series":17,"tags":159,"title":161,"type":23,"updated":151},[6],"2026-10-03 09:10:00","MDC 让 Markdown 可以直接使用 Vue 组件。本文介绍块级与行内组件、属性、插槽和样式类，是所有内容能力的基础。","\u002Fcovers\u002Fmdc-syntax.jpg","\u002F2026\u002Fmdc-syntax",{"text":76,"minutes":156,"time":157,"words":158},2.355,141300,471,[98,160,97],"语法","MDC 语法速览",{"categories":163,"date":164,"description":165,"image":166,"path":167,"readingTime":168,"recommend":16,"series":111,"tags":172,"title":176,"type":23,"updated":164},[102],"2026-10-03 10:40:00","Clarity 的配置分为 blog.config.ts 与 app.config.ts 两层。本文说明两者的分工，并列本站的个性化改动。","\u002Fcovers\u002Fsite-config.jpg","\u002F2026\u002Fsite-config",{"text":76,"minutes":169,"time":170,"words":171},2.415,144900,483,[173,174,175],"配置","主题","个性化","站点配置与个性化",{"categories":178,"date":180,"description":181,"image":182,"path":183,"readingTime":184,"recommend":16,"series":16,"tags":188,"title":191,"type":192,"updated":180},[179],"写作指南","2026-10-03 11:00:00","Clarity 内置 tech 与 story 两套版式：前者适合技术文章，后者把标题居中、正文缩进、使用衬线体。本文用 story 版式写一篇短文。","\u002Fcovers\u002Fstory-example.jpg","\u002F2026\u002Fstory-example",{"text":12,"minutes":185,"time":186,"words":187},1.38,82800,276,[189,190,67],"版式","故事","两种文章版式","story",{"categories":194,"date":195,"description":196,"image":197,"path":198,"readingTime":199,"recommend":16,"series":17,"tags":203,"title":206,"type":23,"updated":195},[6],"2026-10-03 09:40:00","标签用于给文章打上细粒度的关键词，比分类更灵活。本文介绍标签的写法、展示位置与统计方式。","\u002Fcovers\u002Ftags.jpg","\u002F2026\u002Ftags",{"text":12,"minutes":200,"time":201,"words":202},1.795,107700,359,[204,52,205],"标签","统计","标签系统",{"total":208,"annual":211,"categories":213,"tags":222},{"posts":209,"words":210},15,5529,{"2026":212},{"posts":209,"words":210},[214,217,219,220,221],{"name":215,"posts":216},"未分类",1,{"name":6,"posts":218},10,{"name":102,"posts":95},{"name":119,"posts":216},{"name":179,"posts":216},[19,20,21,35,36,37,50,51,52,65,66,67,81,82,83,97,98,113,114,115,130,131,132,145,146,147,160,173,174,175,189,190,204,205,223,224],"预览","草稿",1791033609857]