「宣纸为底,墨字为文。」
这是 Xuan 主题的第一篇文章。Xuan 在 Momo 的极简骨架之上,换上了 Typora 宣纸主题的那身皮——纸底墨字、朱砂点眼、楷体作文、宋体作题。你现在看到的排版,就是它本来的样子。
用命令行最省事:
pnpm xuan new my-first-post文章是 src/content/blog/ 下的 Markdown 文件,frontmatter 长这样:
---title: 文章标题pubDate: 2026-10-06description: 摘要,会显示在文章卡片和 SEO 里category: 随笔image: "./cover.jpg" # 可选,文章封面draft: false # true 则不会发布slugId: xuan/my-post # 全站唯一标识,评论系统也靠它关联---行内代码像这样:pnpm dev。加粗走真字面(西文 EB Garamond SemiBold、中文霞鹜文楷 Medium),斜体只对西文生效——中文没有斜体传统,主题禁掉了机器拉斜。
引用块是一道朱砂左标,底色向右淡出。 嵌套第二层转黛青,第三层转藤黄。
必有回响。
提示块支持 note / tip / important / warning / caution 五种,各有各的颜色。
important 的紫色取自中国色的「青莲」——李白号青莲居士。
代码块由 Expressive Code 渲染,配的是主题自带的暖纸配色:
export const siteConfig = { title: "xuesj'blog", subTitle: "Xuan 主题",}| 元素 | 效果 |
|---|---|
| 表格 | 纸色描边、藤黄表头 |
| 链接 | 黛青字、悬停转朱砂 |
| 高亮 | 藤黄底 |
| 墨色划过 |
任务清单的勾选框也是自绘的:
把 src/config.ts 里的站点地址和头像换成自己的,然后删掉这篇文章,开始写吧。
主题对脚注也做了悬浮预览——把鼠标停在这条引用上试试1。
鼠标悬停在正文里的 [1] 上,注释会像这样浮出来,不用跳到页尾。 ↩