← Back to home

开始使用 Next.js 博客

快速上手指南

开始使用 Next.js 博客

这个博客模板基于 Next.js 14 构建,使用了最新的 App Router 架构。

本地开发

首先,安装依赖:

npm install

然后启动开发服务器:

npm run dev

打开 http://localhost:3000 查看你的博客。

添加文章

content/posts/ 目录下创建新的 Markdown 文件。文件名将成为文章的 URL slug。

例如,my-first-post.md 将生成 URL /my-first-post

自定义样式

样式使用 Tailwind CSS 编写。你可以在以下文件中自定义:

  • app/globals.css - 全局样式
  • tailwind.config.ts - Tailwind 配置
  • 各个组件文件中的 className

部署到 Vercel

  1. 将代码推送到 GitHub
  2. Vercel 导入项目
  3. Vercel 会自动检测 Next.js 并配置部署

就这么简单!