A Material Design 3 Astro theme with a sidebar shell and bilingual content.https://clover.example.com/zh-CNhttps://clover.example.com/posts/mdx-components-demo/https://clover.example.com/posts/mdx-components-demo/一篇覆盖全部内置 MDX 组件的示例文章：提示块、徽标、卡片、步骤、标签页、时间线、目录树、图片、视频与按键。Wed, 21 Oct 2026 04:00:00 GMT前端AstroMDX组件XiaYehttps://clover.example.com/posts/starlight-codeblocks-demo/https://clover.example.com/posts/starlight-codeblocks-demo/在 Markdown 中使用 27 项代码块能力：注释、焦点、行状态、折叠、链接、标签页、占位符与在线运行。Tue, 20 Oct 2026 04:00:00 GMT前端AstroMarkdown代码块XiaYehttps://clover.example.com/posts/markdown-extended/https://clover.example.com/posts/markdown-extended/了解 Firefly 中的 Markdown 功能Thu, 01 Jan 1970 00:00:00 GMT文章示例演示示例MarkdownFireflyXiaYehttps://clover.example.com/posts/markdown-tutorial/https://clover.example.com/posts/markdown-tutorial/一个简明的 Markdown 博客示例。Thu, 01 Jan 1970 00:00:00 GMT文章示例Markdown文章示例emn178https://clover.example.com/posts/markdown-mermaid/https://clover.example.com/posts/markdown-mermaid/Mermaid 流程图、时序图、类图、状态图、甘特图、饼图与 ER 图，每张都给出最小可用写法与渲染结果，顺便验证图表集成与点击放大。Thu, 22 Oct 2026 13:40:00 GMT文章示例Mermaid图表MarkdownXiaYehttps://clover.example.com/posts/katex-math-example/https://clover.example.com/posts/katex-math-example/从行内公式到矩阵、积分与多行推导，这份示例把常见的 TeX 写法逐条渲染一遍，顺便验证 KaTeX 集成。Thu, 22 Oct 2026 00:00:00 GMT文章示例Markdown数学KaTeXXiaYehttps://clover.example.com/posts/astro-content-collections/https://clover.example.com/posts/astro-content-collections/Astro 的 content collections 不只是 glob 一层封装，schema 让每一篇文章在构建期就被校验，写错字段会直接失败。Thu, 24 Sep 2026 02:20:00 GMT开发笔记AstroTypeScriptXiaYehttps://clover.example.com/posts/css-cascade-layers/https://clover.example.com/posts/css-cascade-layers/CSS 的 @layer 改变了优先级规则。弄清 base、components、utilities 三层的关系，能省掉很多 !important。Sun, 20 Sep 2026 07:05:00 GMT前端CSSTailwindXiaYehttps://clover.example.com/posts/material-motion/https://clover.example.com/posts/material-motion/缓动曲线不是装饰。Material 3 给了几条标准曲线，用错地方会让界面显得迟钝或者滑腻。Wed, 16 Sep 2026 01:40:00 GMT设计Material Design动效XiaYehttps://clover.example.com/posts/json-ld-for-blogs/https://clover.example.com/posts/json-ld-for-blogs/JSON-LD 不会让页面变好看，但它能让搜索结果里的标题、日期和作者变得确定。Tue, 08 Sep 2026 03:15:00 GMT开发笔记SEOXiaYehttps://clover.example.com/posts/reading-time-math/https://clover.example.com/posts/reading-time-math/用字数除以一个固定速度是最常见的做法，但它对中文、代码块和链接都不公平。Wed, 26 Aug 2026 11:10:00 GMT开发笔记算法XiaYehttps://clover.example.com/posts/dark-mode-tokens/https://clover.example.com/posts/dark-mode-tokens/简单反色会得到刺眼的纯白文字和发灰的黑色背景。M3 的做法是同一套语义角色，换一组值。Tue, 18 Aug 2026 13:25:00 GMT设计Material Design配色XiaYehttps://clover.example.com/posts/rss-still-matters/https://clover.example.com/posts/rss-still-matters/在推荐算法之外，订阅是一个读者主动建立的关系。生成一份 RSS，比接入任何推送服务都简单。Wed, 22 Jul 2026 10:00:00 GMT随笔RSSXiaYehttps://clover.example.com/posts/writing-process/https://clover.example.com/posts/writing-process/从一条笔记到一篇文章，中间隔着的不是文笔，而是一遍「假设读者什么都不知道」的重写。Tue, 30 Jun 2026 14:40:00 GMT随笔写作XiaYe