从这里开始
这个博客用 Markdown 保存文字,在构建时变成普通的 HTML。浏览器收到的是完整页面,不需要等待额外的客户端代码来拼装内容。
为什么做一个静态博客
对个人写作来说,简单往往意味着更长久。文章和网站实现彼此分开:内容保持可读,构建过程负责目录、标签和订阅源。
- Markdown 文件便于迁移和版本管理
- 静态页面加载直接,也容易长期保存
- 标签只承担索引作用,不做多余的视觉装饰
构建时发生了什么
下面这段 TypeScript 展示了最核心的关系:输入是一组文章,输出是一组页面。
type Post = { title: string; slug: string };
function postUrl(post: Post): string {
return `/blog/${post.slug}/`;
}
代码块由 Shiki 在构建期着色,行内的 postUrl 则沿用正文里的等宽字体。最终产物仍然只是 HTML 和 CSS。