जिमी का ब्लॉग

एक सरल व्यक्तिगत ब्लॉग सिस्टम, जो Next.js 15+ पर आधारित है।

तकनीकी स्टैक

• फ्रेमवर्क: Next.js 13+ (ऐप राउटर)
• स्टाइलिंग: Tailwind CSS
• आइकन: Lucide Icons
• थीम: गहरे/हल्के मोड में परिवर्तन का समर्थन
• परिनियोजन: Vercel

विशेषताएँ

• 📝 Markdown लेख समर्थन
• 🌓 गहरे/हल्के थीम परिवर्तन
• 📱 रिस्पॉन्सिव डिज़ाइन
• ⚡ तेज़ लोडिंग
• 📅 लेख टाइमलाइन प्रदर्शन
• 🔐 ऑनलाइन प्रबंधन डैशबोर्ड (GitHub API द्वारा सीधे लेख बनाना)

परियोजना संरचना

.
├── 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

---
title: 文章标题
date: YYYY-MM-DD
tags: ["标签1","标签2","标签3"]
---

---
date: YYYY-MM-DD
---

• GitHub Settings > Developer settings > OAuth Apps पर जाएं
• "New OAuth App" पर क्लिक करें
• जानकारी भरें:
• Application name: Jimmy Blog Admin (या कोई भी नाम)
• Homepage URL: https://आपका-डोमेन.com (प्रोडक्शन) या http://localhost:3000 (स्थानीय विकास)
• Authorization callback URL:
• प्रोडक्शन: https://आपका-डोमेन.com/api/auth/github/callback
• स्थानीय विकास: http://localhost:3000/api/auth/github/callback
• "Register application" पर क्लिक करें
• Client ID नोट करें
• "Generate a new client secret" पर क्लिक करें, Client secret नोट करें

2. पर्यावरण वेरिएबल्स कॉन्फ़िगर करें

Vercel प्रोजेक्ट सेटिंग्स में नीचे दिए गए पर्यावरण वेरिएबल्स जोड़ें:

• GITHUB_CLIENT_ID: आपका GitHub OAuth App Client ID
• GITHUB_CLIENT_SECRET: आपका GitHub OAuth App Client Secret
• GITHUB_OWNER: GitHub यूज़रनेम (डिफ़ॉल्ट: Lily-404, उपयोगकर्ता अनुमतियों के लिए)
• GITHUB_REPO: रिपॉजिटरी नाम (डिफ़ॉल्ट: blog)
• GITHUB_REDIRECT_URI: OAuth callback URL (वैकल्पिक, डिफ़ॉल्ट स्वतः जनरेट)
• NEXT_PUBLIC_BASE_URL: आपकी वेबसाइट URL (callback URL के लिए, प्रोडक्शन में आवश्यक)
• प्रोडक्शन: https://www.jimmy-blog.top
• स्थानीय विकास: http://localhost:3000

3. स्थानीय विकास कॉन्फ़िगरेशन

प्रोजेक्ट की रूट डायरेक्टरी में .env.local फ़ाइल बनाएं:

GITHUB_CLIENT_ID=你的Client_ID
GITHUB_CLIENT_SECRET=你的Client_Secret
GITHUB_OWNER=Lily-404
GITHUB_REPO=blog
NEXT_PUBLIC_BASE_URL=http://localhost:3000

4. उत्पादन वातावरण विन्यास (Vercel)

Vercel परियोजना सेटिंग्स में, सुनिश्चित करें कि आपने सेट किया है:

NEXT_PUBLIC_BASE_URL=https://www.jimmy-blog.top

• .env.local फ़ाइल को .gitignore में जोड़ा गया है, यह Git में सबमिट नहीं होगी
• लोकल डेवेलपमेंट के दौरान, सुनिश्चित करें कि OAuth App का callback URL http://localhost:3000/api/auth/github/callback पर सेट हो
• प्रोडक्शन में NEXT_PUBLIC_BASE_URL को https://www.jimmy-blog.top पर सेट करना अनिवार्य है
• प्रोडक्शन में OAuth App का callback URL इस प्रकार होना चाहिए: https://www.jimmy-blog.top/api/auth/github/callback`

डिप्लॉयमेंट

प्रोजेक्ट को Vercel डिप्लॉयमेंट के लिए कॉन्फ़िगर किया गया है, जो ऑटोमेटिक डिप्लॉयमेंट सपोर्ट करता है। बस कोड को GitHub रिपॉजिटरी में पुश करें, Vercel ऑटोमैटिकली बिल्ड और डिप्लॉय कर देगा।

एडमिन पैनल इस्तेमाल करने के फायदे

• ✅ लोकल डेवेलपमेंट एनवायरनमेंट की जरूरत नहीं
• ✅ कहीं से भी कभी भी लेख जोड़ सकते हैं
• ✅ Vercel का री-डिप्लॉय ऑटोमेटिकली ट्रिगर होता है
• ✅ पूरी तरह मुफ्त (GitHub OAuth और Vercel दोनों फ्री कोटा में हैं)
• ✅ सुरक्षित (GitHub OAuth वेरिफिकेशन, सिर्फ रिपॉजिटरी मालिक/सहयोगी ही एक्सेस कर सकते हैं)
• ✅ पासवर्ड मैनेजमेंट की जरूरत नहीं, बस GitHub अकाउंट से लॉगिन करें

योगदान

Issue और Pull Request सबमिट करने के लिए स्वागत है!

लाइसेंस

MIT लाइसेंस

--- Tranlated By Open Ai Tx | Last indexed: 2026-01-30 ---