CreamClarityDEMO

精选文章

按住 Shift 横向滚动

两种文章版式

Clarity 内置 tech 与 story 两套版式：前者适合技术文章，后者把标题居中、正文缩进、使用衬线体。本文用 story 版式写一篇短文。

介绍 Clarity 的 Atom 订阅源、OPML 聚合、友链页、全站搜索、草稿预览与可选的评论系统。

Clarity 的配置分为 blog.config.ts 与 app.config.ts 两层。本文说明两者的分工，并列本站的个性化改动。

通过 rehype-meta-slots 插件，文章可以把组件注入到文章末尾与侧栏。本文演示其用法。

$公式、图表与乐谱$

Clarity 内置数学公式（KaTeX）、Mermaid 图表与 ABC 乐谱渲染，三者都以代码块或行内语法的形式书写。

Clarity 的代码块由 Shiki 驱动，支持语言高亮、文件名图标、自动折叠、换行、行内高亮与一键复制。

合集把同一系列的文章组织在一起。本站通过 series 字段与 /collections 页面实现，本文介绍用法。

归档页把所有文章按年份聚合，附字数、篇数，并支持密度调节。本文介绍它的组成与交互。

标签用于给文章打上细粒度的关键词，比分类更灵活。本文介绍标签的写法、展示位置与统计方式。

分类用于给文章归类并在列表页筛选。本文介绍分类的配置、多级分类与筛选入口。