A1ethereal

你好，世界

约 1 分钟

这是一篇示例思考。它存在的意义是让排版样式有一个真实的检查对象：标题层级、段落间距、引用、列表、代码块、行内代码、链接、表格，都应该在这里看起来是对的。

为什么是静态站点

博客的内容是文本，文本不需要一个数据库。把 Markdown 文件放进 Git 仓库，让构建流程把它变成 HTML，就得到了一个几乎不可能出故障的系统：

  • 没有服务端运行时，就没有“线上和本地不一致”的问题；
  • 没有数据库，就没有迁移、连接池和慢查询；
  • 产物是纯静态文件，可以被 CDN 缓存在离读者最近的地方。

写作与发布

新增一篇文章只需要两步：

# 1. 新建 Markdown 文件
$EDITOR src/content/posts/my-new-post.md

# 2. 提交并推送，CI 自动构建部署
git add . && git commit -m "post: my new post" && git push

写作应该是一件轻的事。如果发布一篇文章需要回忆一串命令，那么很快就不会再写了。

关于排版

正文的阅读宽度被限制在 68ch 左右——大约是最舒适的一行字符数。屏幕更宽时，留白会变多，而不是每一行变得更长。

设备 典型宽度 布局
手机 < 640px 单列
平板 640–1024px 单列，边距加大
桌面 > 1024px 单列 + 悬浮目录

行内代码看起来是这样的：const answer = 42;。

// 代码块应该有自己的背景、圆角和横向滚动
export function greet(name: string): string {
  return `你好，${name}`;
}

下一步

接下来可以做的事情还有很多：标签页、RSS、全文搜索、阅读进度。但它们都应该建立在“写作足够轻”这个前提之上。

目录