CloverBlog

https://clover.example.com/atom.xml CloverBlog A Material Design 3 Astro theme with a sidebar shell and bilingual content. 2026-10-21T04:00:00.000Z XiaYe Astro https://clover.example.com/posts/mdx-components-demo/ MDX 正文组件示例 2026-10-21T04:00:00.000Z 2026-10-21T04:00:00.000Z

一篇覆盖全部内置 MDX 组件的示例文章：提示块、徽标、卡片、步骤、标签页、时间线、目录树、图片、视频与按键。

XiaYe https://clover.example.com/posts/starlight-codeblocks-demo/ Clover 代码块高亮示例 2026-10-20T04:00:00.000Z 2026-10-20T04:00:00.000Z

在 Markdown 中使用 27 项代码块能力：注释、焦点、行状态、折叠、链接、标签页、占位符与在线运行。

XiaYe https://clover.example.com/posts/markdown-extended/ Markdown 扩展功能 1970-01-01T00:00:00.000Z 1970-01-01T00:00:00.000Z

了解 Firefly 中的 Markdown 功能

XiaYe https://clover.example.com/posts/markdown-tutorial/ Markdown 教程 1970-01-01T00:00:00.000Z 1970-01-01T00:00:00.000Z

一个简明的 Markdown 博客示例。

emn178 https://clover.example.com/posts/markdown-mermaid/ Markdown Mermaid 图表示例 2026-10-22T13:40:00.000Z 2026-10-22T13:40:00.000Z

Mermaid 流程图、时序图、类图、状态图、甘特图、饼图与 ER 图，每张都给出最小可用写法与渲染结果，顺便验证图表集成与点击放大。

XiaYe https://clover.example.com/posts/katex-math-example/ 在 Markdown 写数学公式 KaTeX 2026-10-22T00:00:00.000Z 2026-10-22T00:00:00.000Z

从行内公式到矩阵、积分与多行推导，这份示例把常见的 TeX 写法逐条渲染一遍，顺便验证 KaTeX 集成。

XiaYe https://clover.example.com/posts/astro-content-collections/ 内容集合：把 Markdown 变成类型安全的数据 2026-09-24T02:20:00.000Z 2026-09-24T02:20:00.000Z

Astro 的 content collections 不只是 glob 一层封装，schema 让每一篇文章在构建期就被校验，写错字段会直接失败。

XiaYe https://clover.example.com/posts/css-cascade-layers/ 层叠层：为什么样式更好覆盖了 2026-09-20T07:05:00.000Z 2026-09-20T07:05:00.000Z

CSS 的 @layer 改变了优先级规则。弄清 base、components、utilities 三层的关系，能省掉很多 !important。

XiaYe https://clover.example.com/posts/material-motion/ Material 3 的动效曲线，抄哪一条 2026-09-16T01:40:00.000Z 2026-09-16T01:40:00.000Z

缓动曲线不是装饰。Material 3 给了几条标准曲线，用错地方会让界面显得迟钝或者滑腻。

XiaYe https://clover.example.com/posts/json-ld-for-blogs/ 给博客加上结构化数据 2026-09-08T03:15:00.000Z 2026-09-08T03:15:00.000Z

JSON-LD 不会让页面变好看，但它能让搜索结果里的标题、日期和作者变得确定。

XiaYe https://clover.example.com/posts/reading-time-math/ 阅读时长怎么算才不离谱 2026-08-26T11:10:00.000Z 2026-08-26T11:10:00.000Z

用字数除以一个固定速度是最常见的做法，但它对中文、代码块和链接都不公平。

XiaYe https://clover.example.com/posts/dark-mode-tokens/ 深色模式不是把颜色反过来 2026-08-18T13:25:00.000Z 2026-08-18T13:25:00.000Z

简单反色会得到刺眼的纯白文字和发灰的黑色背景。M3 的做法是同一套语义角色，换一组值。

XiaYe https://clover.example.com/posts/rss-still-matters/ RSS 还没死，而且很好做 2026-07-22T10:00:00.000Z 2026-07-22T10:00:00.000Z

在推荐算法之外，订阅是一个读者主动建立的关系。生成一份 RSS，比接入任何推送服务都简单。

XiaYe https://clover.example.com/posts/writing-process/ 我的写博客流程 2026-06-30T14:40:00.000Z 2026-06-30T14:40:00.000Z

从一条笔记到一篇文章，中间隔着的不是文笔，而是一遍「假设读者什么都不知道」的重写。

XiaYe