Jimmyのブログ
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 ---