搭建这个网站

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-matternext-mdx-remote 读取和解析这些文件。

设计原则

  1. 极简 —— 不用彩色,不加动画,不堆 JavaScript
  2. 好读 —— 舒适的排版、合适的宽度、暗色模式
  3. —— 静态页面、小字体、极少依赖

就这样。你能看到这篇文章,说明它成功了。