← 全部文章

文章 · 乙巳年

用 Codex 造一座宋式美学博客

用 Codex 造一座宋式美学博客

缘起

某天深夜,我对 Codex 说了一句:「帮我做一个个人博客。」

它没有立刻甩给我一套模板,而是先问了我三个问题:给谁看?想表达什么?你偏爱什么气质?——这是我和 AI 协作以来,第一次觉得它像个懂行的搭档,而不是一台问答机器。

我回答:给同路人看;想分享我用 AI 创作的过程;偏爱宋徽宗式的美学。

于是就有了这座博客。

🔗 2026 年我又用同一套美学把站点重搭了一版:用宋式美学搭一个个人博客。

为什么是宋式美学

宋徽宗不是一个好皇帝,却是一位被皇位耽误的大艺术家。他留下瘦金意趣、汝窑天青、《瑞鹤图》,把「极简」提前演绎了九百年——不是空洞的白,而是留白里藏着一整片天。

我做设计时总在想:网页也可以像一幅宋画。

  • 天青,汝窑「雨过天青云破处」的那种青,作为唯一的冷色点缀;
  • 宣纸,暖米色的底,代替刺眼的白;
  • 墨色,正文用沉静的墨黑,不搞花哨的渐变;
  • 朱砂,只用在最需要的地方:一枚印章、一个标题前的小点。

克制,是一种高级的奢侈。

技术选型

写文章最好的格式是 Markdown,所以我选了 Astro——内容驱动、构建飞快、零 JavaScript 负担。整站其实只需要:

npm create astro@latest
# 选:Empty + TypeScript

文章放进 src/content/blog/,前端加上标题、日期、标签,其余交给构建器。三个示例页面(首页、列表、详情)写完后,全站体积小得像个玩笑。

细节决定气质

真正的「宋味」藏在细节里:

  • 竖排的诗,从右向左读,像挂在墙上的条幅;
  • 每一处留白都经过测量,不是随便空着;
  • 纸纹噪点,让屏幕有了宣纸的触感;
  • 一只线描的鹤,和一轮朱砂色的日。

还有一个小机关:页脚的年号用的是干支纪年——岁在乙巳,而不是冷冰冰的 2025。

让读者自动收到邮件

博客还藏着一个「订阅」入口:读者留下邮箱,服务器会自动回一封宋式风格的欢迎邮件,附上我的资源包链接。之后每有新文章,也会自动送达。

如果你也想收到这样的短笺,可以到订阅页留个邮箱。

📦 本文资源

我把这套宋式美学博客的配色表、字体清单和搭建笔记整理成了一份资源包。

点此订阅,资源包会随欢迎邮件自动发到你的邮箱。

结语

这座博客不完美,但它是我和 Codex 一起做出来的第一件「作品」。工具会变,审美不会——希望九百年后的读者翻开这一页时,还能闻到一点天青色的风。

—— 林屿,2025年11月20日
微博 X
随机翻一篇…

清 谈 · 纸 上 相 逢

留下你的话

登录后才能评论 · 邮箱选填

字句虽轻,亦有回响。写下一句,给路过的人留一盏灯。

未登录
登录后可上传,公开或自留

少 坐 · 慢 写

一杯茶的时间,足够留下一句真心话。

请保持善意 · 评论经审核后展示 · 登录账号的邮箱不会公开显示 · 自留表情仅自己可见