Published on

第一篇博客的诞生

Authors
  • Name
    Twitter

前言

今天终于完成了博客网站的搭建！整个过程在 Claude Code 的帮助下变得异常简单。本文记录了从零开始到网站上线的完整流程。

技术选型

经过考虑，我选择了以下技术方案：

  • 框架: Next.js + MDX
  • 部署: Vercel
  • 域名: feifancode.com
  • 主题: Tailwind Next.js Starter Blog

这个方案的优势在于：

  1. 静态生成，访问速度快
  2. MDX 格式让写作变得简单
  3. Vercel 免费托管，自动部署
  4. 支持中英文双语和暗色模式

搭建步骤

1. 创建 GitHub 仓库

首先在 GitHub 上创建一个新的仓库，命名为 FeiFan。

2. Fork 博客模板

使用 Tailwind Next.js Starter Blog 模板，Fork 到自己的仓库。

3. 配置 Vercel

  1. 登录 Vercel
  2. 导入 GitHub 仓库
  3. 点击部署

4. 绑定域名

在 Vercel 项目设置中添加自定义域名 feifancode.com。

写作流程

使用 MDX 格式写文章非常简单：

---
title: 文章标题
date: '2026-03-27'
tags: ['标签1', '标签2']
---

## 正文内容

支持的 Markdown 语法...

写完后推送到 GitHub，Vercel 会自动重新部署网站。

总结

感谢 Claude Code 的帮助，整个建站过程比想象中顺利很多。如果你也想搭建自己的博客，希望这篇文章对你有帮助！

欢迎来到我的博客！