Jimmy的博客
一个基于 Next.js 15+ 构建的极简个人博客系统。
技术栈
- 框架: Next.js 13+(App Router)
- 样式: Tailwind CSS
- Icon: Lucide Icons
- Theme: 支持深色/浅色模式切换
- Deployment: Vercel
Features
- 📝 支持 Markdown 文章
- 🌓 深色/浅色主题切换
- 📱 响应式设计
- ⚡ 快速加载
- 📅 文章时间线展示
Project Structure
.
├── app/
│ ├── lib/ # 工具函数和数据处理
│ ├── posts/ # 博客文章
│ └── page.tsx # 首页
├── content/
│ ├── notes/ # 随笔
│ └── posts/ # 文章
├── components/ # React 组件
├── public/ # 静态资源
└── styles/ # 全局样式安装与运行
- 克隆项目
git clone https://github.com/Lily-404/blog.git
cd jimmy-blog- 安装依赖
npm install
- 运行开发服务器
npm run dev- 构建生产版本
npm run build添加新文章
- 在
content/posts目录下创建新的 Markdown 文件 - 文件命名格式:xxx.md
- 在文件头部添加元数据:
---
title: 文章标题
date: YYYY-MM-DD
tags: ["标签1","标签2","标签3"]
---添加随笔
- 在 content/notes
目录下创建新的 Markdown 文件 - 文件命名格式:YYYY-MM-DD-title.md`
- 在文件头部添加元数据:
---
date: YYYY-MM-DD
---部署
项目已配置 Vercel 部署,支持自动部署。只需将代码推送到 GitHub 仓库,Vercel 会自动构建和部署。
贡献
欢迎提交 Issue 和 Pull Request!
许可证
MIT License
--- Tranlated By Open Ai Tx | Last indexed: 2025-12-11 ---