Hello World

15天前 · 蓝白

把正文从单栏改成多栏，是博客改版里最容易上头的一件事。三栏看起来最「完整」，也最容易做坏。这篇把三种布局的实测数据摆出来，供后来者抄作业——或者劝退。

一、三种布局的几何

设正文列宽为 W，左右侧栏分别为 L 和 R，栏间距统一为 G：

18天前 · 蓝白

博客主题里最容易腐坏的东西是媒体查询。我数了一下，改到第 1.3 代的时候，base.css 里已经躺着二十七个 @media 块，断点从 480 一直排到 1440，彼此之间还互相覆写。每次想调一个卡片的间距，都得先确认「在 921 到 1379 之间它长什么样」。

容器查询（@container）解决的就是这件事。

媒体查询问的是：视口有多宽？

23天前 · 蓝白

这篇文章写给「想有一个自己的站点」的人。它不假设你已经懂运维，但也不打算哄你——里面有一些必须接受的麻烦事，我会明确标出来。

整篇的结构是按真实顺序走的：先想清楚要什么，再买机器、装环境、选数据库、选程序、改主题、处理图片和评论，最后解决性能和备份。每一步我都会给出「为什么是它，而不是另一个」的理由，以及我实际踩过的坑。