从零搭建个人博客的完整指南
latte-girl·
博客教程Next.js
为什么要有自己的博客?
- 知识沉淀 - 记录学习过程
- 个人品牌 - 展示专业能力
- 技术分享 - 帮助他人成长
技术选型
| 需求 | 选择 | 理由 |
|---|---|---|
| 框架 | Next.js | SSG + 良好 SEO |
| 样式 | Tailwind | 快速开发 |
| 内容 | MDX | Markdown + 组件 |
| 部署 | Vercel | 免费 + 快速 |
核心功能
1. 文章管理
content/posts/
├── hello-world.mdx
├── second-post.mdx
└── ...
2. 代码高亮
使用 Shiki 实现构建时语法高亮。
3. SEO 优化
export const metadata = {
title: '文章标题',
description: '文章描述',
openGraph: {...}
}部署上线
# 连接 GitHub 仓库
# Vercel 自动部署
git push origin main
# 几分钟后,博客就上线了!开始你的博客之旅吧!