🌐 Language
English | 简体中文 | 繁體中文 | 日本語 | 한국어 | हिन्दी | ไทย | Français | Deutsch | Español | Italiano | Русский | Português | Nederlands | Polski | العربية | فارسی | Türkçe | Tiếng Việt | Bahasa Indonesia | অসমীয়া
# Jimmy's Blog 一个基于 Next.js 15+ 构建的简约个人博客系统。 ## 技术栈 - **框架**: Next.js 13+ (App Router) - **样式**: Tailwind CSS - **图标**: Lucide Icons - **主题**: 支持深色/浅色模式切换 - **部署**: Vercel ## 功能特点 - 📝 Markdown 文章支持 - 🌓 深色/浅色主题切换 - 📱 响应式设计 - ⚡ 快速加载 - 📅 文章时间线展示 ## 项目结构 ``` . ├── app/ │ ├── lib/ # 工具函数和数据处理 │ ├── posts/ # 博客文章 │ └── page.tsx # 首页 ├── content/ │ ├── notes/ # 随笔 │ └── posts/ # 文章 ├── components/ # React 组件 ├── public/ # 静态资源 └── styles/ # 全局样式 ``` ## 安装与运行 1. 克隆项目 ```bash git clone https://github.com/Lily-404/blog.git cd jimmy-blog ``` 2. 安装依赖 ```bash npm install ``` 3. 运行开发服务器 ```bash npm run dev ``` 4. 构建生产版本 ```bash npm run build ``` ## 添加新文章 1. 在 `content/posts` 目录下创建新的 Markdown 文件 2. 文件命名格式:xxx.md` 3. 在文件头部添加元数据: ```markdown --- title: 文章标题 date: YYYY-MM-DD tags: ["标签1","标签2","标签3"] --- ``` ## 添加随笔 1. 在 `content/notes` 目录下创建新的 Markdown 文件 2. 文件命名格式:`YYYY-MM-DD-title.md` 3. 在文件头部添加元数据: ```markdown --- date: YYYY-MM-DD --- ``` ## 部署 项目已配置 Vercel 部署,支持自动部署。只需将代码推送到 GitHub 仓库,Vercel 会自动构建和部署。 ## 贡献 欢迎提交 Issue 和 Pull Request! ## 许可证 MIT License