搭建这个网站
2026年3月21日
我想要一个维护起来特别简单的个人网站。写一个 Markdown 文件,push 到 git,就上线了。不要 CMS,不要数据库,不要折腾。
技术选择
- Next.js App Router,静态生成
- MDX 写内容——Markdown 为主,需要时可以嵌入 React 组件
- Tailwind CSS 做样式——只有黑白灰
- Vercel 部署——push 即发布
内容即文件
所有内容放在 content/ 目录。碎碎念是短小的 .md 文件,文章是较长的 .mdx 文件。都用 YAML frontmatter 存元数据。
---
title: "文章标题"
date: "2026-03-21"
description: "一句话摘要。"
---
一个小小的 lib/content.ts 模块在构建时用 gray-matter 和 next-mdx-remote 读取和解析这些文件。
设计原则
- 极简 —— 不用彩色,不加动画,不堆 JavaScript
- 好读 —— 舒适的排版、合适的宽度、暗色模式
- 快 —— 静态页面、小字体、极少依赖
就这样。你能看到这篇文章,说明它成功了。