<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/assets/atom.xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <id>https://cdemo.iicemeta.com/</id>
  <title>CreamClarityDEMO</title>
  <updated>2026-10-03T13:19:44.671+00:00[UTC]</updated>
  <description>CreamClarityDEMO 是基于 Clarity 博客主题构建的功能演示站点，覆盖 MDC 语法、文章分类、标签、归档、合集、订阅源、代码高亮、数学公式、图表与乐谱渲染、友链和全站搜索等能力，用于快速了解主题特性并沉淀下游改动。</description>
  <author>
    <name>CreamClarityDEMO</name>
    <email>creamdemo@iicemeta.com</email>
    <uri>/</uri>
  </author>
  <link href="https://cdemo.iicemeta.com/atom.xml" rel="self"></link>
  <link href="https://cdemo.iicemeta.com/" rel="alternate"></link>
  <language>zh-CN</language>
  <generator uri="https://github.com/L33Z22L11/blog-v3" version="3.8.0">Clarity</generator>
  <icon>https://weavatar.com/avatar/?d=initials&amp;name=Cream</icon>
  <logo>https://weavatar.com/avatar/?d=initials&amp;name=Cream</logo>
  <rights>© 2026 CreamClarityDEMO</rights>
  <subtitle>用上 Clarity 主题全部功能的演示站点</subtitle>
  <entry>
    <id>https://cdemo.iicemeta.com/2026/story-example</id>
    <title>两种文章版式</title>
    <updated>2026-10-03T03:00:00Z</updated>
    <author>
      <name>CreamClarityDEMO</name>
    </author>
    <content type="html">
      <![CDATA[<img src="/covers/story-example.jpg" alt="两种文章版式" /> <p>Clarity 内置 tech 与 story 两套版式：前者适合技术文章，后者把标题居中、正文缩进、使用衬线体。本文用 story 版式写一篇短文。</p> <a class="view-full" href="https://cdemo.iicemeta.com/2026/story-example" target="_blank">点击查看全文</a>]]>
    </content>
    <link href="https://cdemo.iicemeta.com/2026/story-example"></link>
    <summary>Clarity 内置 tech 与 story 两套版式：前者适合技术文章，后者把标题居中、正文缩进、使用衬线体。本文用 story 版式写一篇短文。</summary>
    <category term="写作指南"></category>
    <published>2026-10-03T03:00:00Z</published>
  </entry>
  <entry>
    <id>https://cdemo.iicemeta.com/2026/feed-search-comment</id>
    <title>订阅、搜索与评论</title>
    <updated>2026-10-03T02:50:00Z</updated>
    <author>
      <name>CreamClarityDEMO</name>
    </author>
    <content type="html">
      <![CDATA[<img src="/covers/feed-search-comment.jpg" alt="订阅、搜索与评论" /> <p>介绍 Clarity 的 Atom 订阅源、OPML 聚合、友链页、全站搜索、草稿预览与可选的评论系统。</p> <a class="view-full" href="https://cdemo.iicemeta.com/2026/feed-search-comment" target="_blank">点击查看全文</a>]]>
    </content>
    <link href="https://cdemo.iicemeta.com/2026/feed-search-comment"></link>
    <summary>介绍 Clarity 的 Atom 订阅源、OPML 聚合、友链页、全站搜索、草稿预览与可选的评论系统。</summary>
    <category term="站点配置"></category>
    <published>2026-10-03T02:50:00Z</published>
  </entry>
  <entry>
    <id>https://cdemo.iicemeta.com/2026/site-config</id>
    <title>站点配置与个性化</title>
    <updated>2026-10-03T02:40:00Z</updated>
    <author>
      <name>CreamClarityDEMO</name>
    </author>
    <content type="html">
      <![CDATA[<img src="/covers/site-config.jpg" alt="站点配置与个性化" /> <p>Clarity 的配置分为 blog.config.ts 与 app.config.ts 两层。本文说明两者的分工，并列本站的个性化改动。</p> <a class="view-full" href="https://cdemo.iicemeta.com/2026/site-config" target="_blank">点击查看全文</a>]]>
    </content>
    <link href="https://cdemo.iicemeta.com/2026/site-config"></link>
    <summary>Clarity 的配置分为 blog.config.ts 与 app.config.ts 两层。本文说明两者的分工，并列本站的个性化改动。</summary>
    <category term="站点配置"></category>
    <published>2026-10-03T02:40:00Z</published>
  </entry>
  <entry>
    <id>https://cdemo.iicemeta.com/2026/aside-slots</id>
    <title>侧栏插槽与文章内插槽</title>
    <updated>2026-10-03T02:30:00Z</updated>
    <author>
      <name>CreamClarityDEMO</name>
    </author>
    <content type="html">
      <![CDATA[<img src="/covers/aside-slots.jpg" alt="侧栏插槽与文章内插槽" /> <p>通过 rehype-meta-slots 插件，文章可以把组件注入到文章末尾与侧栏。本文演示其用法。</p> <a class="view-full" href="https://cdemo.iicemeta.com/2026/aside-slots" target="_blank">点击查看全文</a>]]>
    </content>
    <link href="https://cdemo.iicemeta.com/2026/aside-slots"></link>
    <summary>通过 rehype-meta-slots 插件，文章可以把组件注入到文章末尾与侧栏。本文演示其用法。</summary>
    <category term="功能演示"></category>
    <published>2026-10-03T02:30:00Z</published>
  </entry>
  <entry>
    <id>https://cdemo.iicemeta.com/2026/math-charts-music</id>
    <title>公式、图表与乐谱</title>
    <updated>2026-10-03T02:20:00Z</updated>
    <author>
      <name>CreamClarityDEMO</name>
    </author>
    <content type="html">
      <![CDATA[<img src="/covers/math-charts-music.jpg" alt="公式、图表与乐谱" /> <p>Clarity 内置数学公式（KaTeX）、Mermaid 图表与 ABC 乐谱渲染，三者都以代码块或行内语法的形式书写。</p> <a class="view-full" href="https://cdemo.iicemeta.com/2026/math-charts-music" target="_blank">点击查看全文</a>]]>
    </content>
    <link href="https://cdemo.iicemeta.com/2026/math-charts-music"></link>
    <summary>Clarity 内置数学公式（KaTeX）、Mermaid 图表与 ABC 乐谱渲染，三者都以代码块或行内语法的形式书写。</summary>
    <category term="功能演示"></category>
    <published>2026-10-03T02:20:00Z</published>
  </entry>
  <entry>
    <id>https://cdemo.iicemeta.com/2026/code-blocks</id>
    <title>代码块与高亮</title>
    <updated>2026-10-03T02:10:00Z</updated>
    <author>
      <name>CreamClarityDEMO</name>
    </author>
    <content type="html">
      <![CDATA[<img src="/covers/code-blocks.jpg" alt="代码块与高亮" /> <p>Clarity 的代码块由 Shiki 驱动，支持语言高亮、文件名图标、自动折叠、换行、行内高亮与一键复制。</p> <a class="view-full" href="https://cdemo.iicemeta.com/2026/code-blocks" target="_blank">点击查看全文</a>]]>
    </content>
    <link href="https://cdemo.iicemeta.com/2026/code-blocks"></link>
    <summary>Clarity 的代码块由 Shiki 驱动，支持语言高亮、文件名图标、自动折叠、换行、行内高亮与一键复制。</summary>
    <category term="功能演示"></category>
    <published>2026-10-03T02:10:00Z</published>
  </entry>
  <entry>
    <id>https://cdemo.iicemeta.com/2026/collections</id>
    <title>合集与系列文章</title>
    <updated>2026-10-03T02:00:00Z</updated>
    <author>
      <name>CreamClarityDEMO</name>
    </author>
    <content type="html">
      <![CDATA[<img src="/covers/collections.jpg" alt="合集与系列文章" /> <p>合集把同一系列的文章组织在一起。本站通过 series 字段与 /collections 页面实现，本文介绍用法。</p> <a class="view-full" href="https://cdemo.iicemeta.com/2026/collections" target="_blank">点击查看全文</a>]]>
    </content>
    <link href="https://cdemo.iicemeta.com/2026/collections"></link>
    <summary>合集把同一系列的文章组织在一起。本站通过 series 字段与 /collections 页面实现，本文介绍用法。</summary>
    <category term="功能演示"></category>
    <published>2026-10-03T02:00:00Z</published>
  </entry>
  <entry>
    <id>https://cdemo.iicemeta.com/2026/archive</id>
    <title>归档页</title>
    <updated>2026-10-03T01:50:00Z</updated>
    <author>
      <name>CreamClarityDEMO</name>
    </author>
    <content type="html">
      <![CDATA[<img src="/covers/archive.jpg" alt="归档页" /> <p>归档页把所有文章按年份聚合，附字数、篇数，并支持密度调节。本文介绍它的组成与交互。</p> <a class="view-full" href="https://cdemo.iicemeta.com/2026/archive" target="_blank">点击查看全文</a>]]>
    </content>
    <link href="https://cdemo.iicemeta.com/2026/archive"></link>
    <summary>归档页把所有文章按年份聚合，附字数、篇数，并支持密度调节。本文介绍它的组成与交互。</summary>
    <category term="功能演示"></category>
    <published>2026-10-03T01:50:00Z</published>
  </entry>
  <entry>
    <id>https://cdemo.iicemeta.com/2026/tags</id>
    <title>标签系统</title>
    <updated>2026-10-03T01:40:00Z</updated>
    <author>
      <name>CreamClarityDEMO</name>
    </author>
    <content type="html">
      <![CDATA[<img src="/covers/tags.jpg" alt="标签系统" /> <p>标签用于给文章打上细粒度的关键词，比分类更灵活。本文介绍标签的写法、展示位置与统计方式。</p> <a class="view-full" href="https://cdemo.iicemeta.com/2026/tags" target="_blank">点击查看全文</a>]]>
    </content>
    <link href="https://cdemo.iicemeta.com/2026/tags"></link>
    <summary>标签用于给文章打上细粒度的关键词，比分类更灵活。本文介绍标签的写法、展示位置与统计方式。</summary>
    <category term="功能演示"></category>
    <published>2026-10-03T01:40:00Z</published>
  </entry>
  <entry>
    <id>https://cdemo.iicemeta.com/2026/categories</id>
    <title>文章分类</title>
    <updated>2026-10-03T01:30:00Z</updated>
    <author>
      <name>CreamClarityDEMO</name>
    </author>
    <content type="html">
      <![CDATA[<img src="/covers/categories.jpg" alt="文章分类" /> <p>分类用于给文章归类并在列表页筛选。本文介绍分类的配置、多级分类与筛选入口。</p> <a class="view-full" href="https://cdemo.iicemeta.com/2026/categories" target="_blank">点击查看全文</a>]]>
    </content>
    <link href="https://cdemo.iicemeta.com/2026/categories"></link>
    <summary>分类用于给文章归类并在列表页筛选。本文介绍分类的配置、多级分类与筛选入口。</summary>
    <category term="功能演示"></category>
    <published>2026-10-03T01:30:00Z</published>
  </entry>
  <entry>
    <id>https://cdemo.iicemeta.com/2026/content-components</id>
    <title>内容组件图鉴</title>
    <updated>2026-10-03T01:20:00Z</updated>
    <author>
      <name>CreamClarityDEMO</name>
    </author>
    <content type="html">
      <![CDATA[<img src="/covers/content-components.jpg" alt="内容组件图鉴" /> <p>挑出 Clarity 常用的内容组件，给出实景效果与 MDC 写法，方便在文章里直接取用。</p> <a class="view-full" href="https://cdemo.iicemeta.com/2026/content-components" target="_blank">点击查看全文</a>]]>
    </content>
    <link href="https://cdemo.iicemeta.com/2026/content-components"></link>
    <summary>挑出 Clarity 常用的内容组件，给出实景效果与 MDC 写法，方便在文章里直接取用。</summary>
    <category term="功能演示"></category>
    <published>2026-10-03T01:20:00Z</published>
  </entry>
  <entry>
    <id>https://cdemo.iicemeta.com/2026/mdc-syntax</id>
    <title>MDC 语法速览</title>
    <updated>2026-10-03T01:10:00Z</updated>
    <author>
      <name>CreamClarityDEMO</name>
    </author>
    <content type="html">
      <![CDATA[<img src="/covers/mdc-syntax.jpg" alt="MDC 语法速览" /> <p>MDC 让 Markdown 可以直接使用 Vue 组件。本文介绍块级与行内组件、属性、插槽和样式类，是所有内容能力的基础。</p> <a class="view-full" href="https://cdemo.iicemeta.com/2026/mdc-syntax" target="_blank">点击查看全文</a>]]>
    </content>
    <link href="https://cdemo.iicemeta.com/2026/mdc-syntax"></link>
    <summary>MDC 让 Markdown 可以直接使用 Vue 组件。本文介绍块级与行内组件、属性、插槽和样式类，是所有内容能力的基础。</summary>
    <category term="功能演示"></category>
    <published>2026-10-03T01:10:00Z</published>
  </entry>
  <entry>
    <id>https://cdemo.iicemeta.com/2026/hello-creamclarity</id>
    <title>你好，CreamClarityDEMO</title>
    <updated>2026-10-03T01:00:00Z</updated>
    <author>
      <name>CreamClarityDEMO</name>
    </author>
    <content type="html">
      <![CDATA[<img src="/covers/hello-creamclarity.jpg" alt="你好，CreamClarityDEMO" /> <p>欢迎来到 CreamClarityDEMO——一个用上 Clarity 主题全部功能的功能演示站。本文介绍站点定位、能力清单与阅读路线。</p> <a class="view-full" href="https://cdemo.iicemeta.com/2026/hello-creamclarity" target="_blank">点击查看全文</a>]]>
    </content>
    <link href="https://cdemo.iicemeta.com/2026/hello-creamclarity"></link>
    <summary>欢迎来到 CreamClarityDEMO——一个用上 Clarity 主题全部功能的功能演示站。本文介绍站点定位、能力清单与阅读路线。</summary>
    <category term="关于"></category>
    <published>2026-10-03T01:00:00Z</published>
  </entry>
</feed>
