返回文章列表

博客技术栈迁移到 Next.js 和 Markdown

把原来的手写静态页面改成 Next.js 静态博客,以后每篇文章只需要维护一个 Markdown 文件。

这次把博客从手写 HTML 改成了 Next.js + Markdown 的结构。

新的写作方式很简单:每篇文章都是 content/posts/ 目录下的一个 .md 文件。文件名就是文章地址,例如:

content/posts/nextjs-markdown-blog.md

最终会生成这个页面:

/posts/nextjs-markdown-blog/

文章头部信息

每篇文章开头保留一段 front matter,用来描述标题、日期、分类和摘要:

---
title: "文章标题"
date: "2026-06-11"
category: "Linux"
summary: "一句话摘要"
---

首页会自动读取这些信息,不再需要手动修改 index.html

适合继续做的事

后面可以继续加这些能力:

  • 从 Obsidian 直接复制 Markdown 到 content/posts/
  • 给文章增加标签
  • 增加归档页面
  • 增加 RSS
  • 接入 Cloudflare Pages 自动部署