[{"data":1,"prerenderedAt":247},["ShallowReactive",2],{"content:\u002F2026\u002Fhello-creamclarity":3,"surround:\u002F2026\u002Fhello-creamclarity":243},{"id":4,"title":5,"body":6,"categories":216,"date":218,"description":219,"draft":220,"extension":221,"image":222,"meta":223,"navigation":225,"path":226,"permalink":227,"published":227,"readingTime":228,"recommend":233,"references":227,"seo":234,"series":227,"sitemap":235,"stem":236,"tags":237,"type":241,"updated":218,"__hash__":242},"content\u002Fposts\u002F2026\u002Fhello-creamclarity.md","你好，CreamClarityDEMO",{"type":7,"value":8,"toc":207},"minimark",[9,13,34,41,54,57,115,118,121,175,187,190,200],[10,11,12],"h2",{"id":12},"这是什么",[14,15,16,20,21,28,29,33],"p",{},[17,18,19],"strong",{},"CreamClarityDEMO"," 是基于 ",[22,23,27],"a",{"href":24,"rel":25},"https:\u002F\u002Fgithub.com\u002FL33Z22L11\u002Fblog-v3",[26],"nofollow","Clarity 博客主题","（上游项目 ",[30,31,32],"code",{"code":32},"L33Z22L11\u002Fblog-v3","）搭建的功能演示站点。Clarity 是面向个人博客的 Nuxt 4 + Nuxt Content v3 主题，没有像 Hexo 那样把主题抽离出来，而是把「站点」本身当作一份可深度定制的工程。",[14,35,36,37,40],{},"本站由上游的初始化脚本 ",[30,38,39],{"code":39},"pnpm init-project"," 清理而成，随后逐项开启并演示主题能力。你可以把它当作一份「能跑起来的功能清单」：每篇演示文章都对应一类特性，且正文本身就是该特性的用例。",[42,43,46],"alert",{"title":44,"type":45},"阅读方式","info",[14,47,48,49,53],{},"正文里的组件、代码块、公式、图表都不是截图，而是实时渲染的结果。想看某个组件怎么写的，直接对照",[22,50,52],{"href":51},"\u002F2026\u002Fcontent-components","组件图鉴","文章内的「语法」分页即可。",[10,55,56],{"id":56},"能力清单",[58,59,60],"card-list",{},[61,62,63,83,99],"ul",{},[64,65,66,69],"li",{},[17,67,68],{},"内容写作",[61,70,71,74,77,80],{},[64,72,73],{},"MDC 语法：在 Markdown 里直接用 Vue 组件",[64,75,76],{},"文章分类、标签、合集（系列）",[64,78,79],{},"技术 \u002F 故事两套文章版式",[64,81,82],{},"数学公式（KaTeX）、Mermaid 图表、ABC 乐谱",[64,84,85,88],{},[17,86,87],{},"阅读体验",[61,89,90,93,96],{},[64,91,92],{},"归档页（按年聚合、密度可调）",[64,94,95],{},"全站搜索、目录侧栏、图片灯箱",[64,97,98],{},"亮色 \u002F 深色 \u002F 跟随系统三种主题",[64,100,101,104],{},[17,102,103],{},"站点能力",[61,105,106,109,112],{},[64,107,108],{},"Atom 订阅源、OPML 聚合、友链页",[64,110,111],{},"SEO、Sitemap、站内预览草稿",[64,113,114],{},"可选评论系统（默认关闭）",[10,116,117],{"id":117},"演示路线",[14,119,120],{},"如果你想快速了解主题，推荐按下面的顺序阅读；它们同时构成了「Clarity 功能地图」合集：",[122,123,124,131,137,148,158,169],"ol",{},[64,125,126,130],{},[22,127,129],{"href":128},"\u002F2026\u002Fmdc-syntax","MDC 语法速览","：一切组件能力的语法基础",[64,132,133,136],{},[22,134,135],{"href":51},"内容组件图鉴","：常用组件的实景与写法",[64,138,139,143,144],{},[22,140,142],{"href":141},"\u002F2026\u002Fcategories","文章分类"," 与 ",[22,145,147],{"href":146},"\u002F2026\u002Ftags","标签系统",[64,149,150,143,154],{},[22,151,153],{"href":152},"\u002F2026\u002Farchive","归档页",[22,155,157],{"href":156},"\u002F2026\u002Fcollections","合集",[64,159,160,164,165],{},[22,161,163],{"href":162},"\u002F2026\u002Fcode-blocks","代码块与高亮","、",[22,166,168],{"href":167},"\u002F2026\u002Fmath-charts-music","公式 \u002F 图表 \u002F 乐谱",[64,170,171],{},[22,172,174],{"href":173},"\u002F2026\u002Faside-slots","侧栏插槽与文章内插槽",[14,176,177,178,143,182,186],{},"关于站点本身如何配置，见「站点搭建手册」合集里的 ",[22,179,181],{"href":180},"\u002F2026\u002Fsite-config","站点配置与个性化",[22,183,185],{"href":184},"\u002F2026\u002Ffeed-search-comment","订阅、搜索与评论","。",[10,188,189],{"id":189},"关于上游",[191,192,193],"blockquote",{},[14,194,195,199],{},[196,197,198],"span",{},"!NOTE","\nClarity 是深度定制的个人博客工程，改动幅度较大，建议 Fork 后安心使用自己的分支；如需引入上游新功能，建议参考本站的「改动清单」重新合并，以避免同步冲突。",[201,202,204],"quote",{"icon":203},"tabler:info-circle",[14,205,206],{},"本站的配置改动都集中记录在仓库内的一份变更文档中，方便上游更新时快速比对与合并。",{"title":208,"searchDepth":209,"depth":209,"links":210},"",4,[211,213,214,215],{"id":12,"depth":212,"text":12},2,{"id":56,"depth":212,"text":56},{"id":117,"depth":212,"text":117},{"id":189,"depth":212,"text":189},[217],"关于","2026-10-03 09:00:00","欢迎来到 CreamClarityDEMO——一个用上 Clarity 主题全部功能的功能演示站。本文介绍站点定位、能力清单与阅读路线。",false,"md","\u002Fcovers\u002Fhello-creamclarity.jpg",{"slots":224},{},true,"\u002F2026\u002Fhello-creamclarity",null,{"text":229,"minutes":230,"time":231,"words":232},"3 min read",2.86,171600,572,3,{"title":5,"description":219},{"loc":226},"posts\u002F2026\u002Fhello-creamclarity",[238,239,240],"Clarity","Nuxt","演示","tech","i26URDzL-rPxUHO_aFhYwd2JNDb7KODwRplQzYLqj_A",[227,244],{"title":129,"path":128,"stem":245,"date":246,"type":241,"children":-1},"posts\u002F2026\u002Fmdc-syntax","2026-10-03 09:10:00",1791033609857]