开始使用 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
- 将代码推送到 GitHub
- 在 Vercel 导入项目
- Vercel 会自动检测 Next.js 并配置部署
就这么简单!