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/ # 全局样式安裝與執行
- 複製專案
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 ---