2026-04-30·tech
Hello World — 从零搭建个人博客
用 Next.js 15 + MDX + Tailwind CSS 搭建一个功能齐全的个人博客,部署到 Vercel。
Next.jsBlogVercel
动机
一直想有一个自己的博客空间,用来记录技术思考和生活随笔。这个周末终于动手了。
技术选型
选择了 Next.js 15 + MDX + Tailwind CSS 的组合:
- Next.js — Vercel 的框架,部署最顺畅
- MDX — Markdown 里可以写 React 组件,灵活
- Tailwind CSS — 原子化 CSS,写样式很高效
功能清单
- 首页卡片网格展示文章
- 文章详情页带可折叠目录
- 标签系统 & 标签云
- 全文搜索
- 暗色模式
- RSS 订阅
- Giscus 评论
部署
推送到 GitHub,Vercel 自动部署。整个过程非常流畅。
选择和自己技术栈匹配的工具最重要。不要为了追求新技术而牺牲效率。