注意到这一页的质感了吗?陈化羊皮纸、青铜金、描金双线框——四角还有卷草角花,右上隐约一枚龙徽水印,落款旁封着朱红火漆。这不是换了个颜色,这是这篇文章自己的「装帧」。frontmatter 里只有一行 theme: "tes"(想只要配色不要贴纸的话,加 themeDecorations: false)。
这一页如何写成
---
title: "龙裔的手记:这一页来自天际省"
theme: "tes"
---预设主题在 globals.css 里以 [data-page-theme="tes"] 作用域重定义设计 token,详情页用一层容器把标题、正文、落款、评论区包进去。侧边栏和导航不受影响——它们仍是站点默认主题。
组件协调验证
现有 MDX 组件全部走 token,在羊皮纸主题下自动适配。比如这段注释,还有上面的 Callout 和下面的引用。
引用块的浅底在这一页是金色洗底(--color-accent-soft 被重定义),左边条仍是藍色——藍金配在旧纸上意外的和谐。
代码块保持墨底不变量,不随主题翻动:
const shouts = ["Fus", "Ro", "Dah"] as const;
// 墨底代码块 + github-dark 着色,在羊皮纸卷轴里像一块黑曜石
console.log(shouts.join(" "));写特殊篇的正确姿势:克制。全站一年也就值得「特」那么几次——就像龙吼,不能乱用。
Anonymous 押
评论区即将开放
站长小抄:在 giscus.app 生成配置,填进 siteConfig.giscus 或 NEXT_PUBLIC_GISCUS_* 环境变量即可开张。