开卷：用 Astro 画一幅水墨博客

开卷第一篇，先说说这个博客本身。

缘起

先前做过一版和风的，精致是精致，却总觉得隔了一层。中国画讲留白，讲「计白当黑」——于是这一版干脆把大半页面都留给纸。

画中留白，非空也，乃云、乃水、乃无尽之意。

配色：墨分五色

古人说「墨分五色」：焦、浓、重、淡、清。主题里几乎只用墨色的深浅，唯一的艳色是朱砂，留给印章和要紧之处。

名称	用途
宣纸	背景
浓墨	正文、山的近景
淡墨	远山、分隔线
朱砂	印章、强调
黛青	链接、衣缘

:root {
  --paper: #f4f1ea; /* 宣纸 */
  --ink: #1f1f1d;   /* 浓墨 */
  --zhu: #b8332a;   /* 朱砂 */
  --dai: #3f5b5c;   /* 黛青 */
}

水墨山怎么画

山的轮廓是普通的 SVG 路径，关键在滤镜：用 feTurbulence 生成噪声，再用 feDisplacementMap 把边缘扰乱，墨就「洇」开了。山脚用渐变淡出，就成了雾。

立绘

右下角那位执伞的姑娘也是纯 SVG 画的，只是个占位。换成正式立绘只需要改一行配置：

export const LIHUI = {
  src: '/lihui.png', // 透明背景的 PNG
  alt: '立绘',
};

昼与夜

点右上角的「昼」字就能入夜。白天落的是梅花，夜里换成细雪，画中的红日也会变成月亮。

---

且行且记，来日方长。