English | 中文

超详细部署教程

• 📝 Clean and minimalist blog design
• 🎨 Dark/Light mode support
• 📱 Fully responsive design
• 🔍 Advanced search functionality
• 📂 Article archive by year and month
• 🏷️ Tag system with dedicated pages
• 📄 About page with Markdown support
• 📰 RSS feed support
• 🖼️ OG image generation
• 🔗 Social sharing
• 📊 Built-in analytics
• ⚡ Optimized performance

1. Fork this repository to your GitHub account
2. Create a new project on Vercel
3. Import your forked repository
4. Configure environment variables:

   NEXT_PUBLIC_HASHNODE_GQL_ENDPOINT=https://gql.hashnode.com NEXT_PUBLIC_HASHNODE_PUBLICATION_HOST=your-username.hashnode.dev NEXT_PUBLIC_BASE_URL=https://your-domain.com NEXT_PUBLIC_MODE=production 

5. Deploy!

# Clone the repository git clone https://github.com/yourusername/blog.git # Install dependencies npm install # or yarn install # or pnpm install # Start development server npm run dev # or yarn dev # or pnpm dev

• Next.js
• TypeScript
• Tailwind CSS
• GraphQL
• Hashnode API

This project is licensed under the MIT License.

• 📝 简洁优雅的博客设计
• 🎨 支持深色/浅色模式
• 📱 完全响应式设计
• 🔍 高级搜索功能
• 📂 按年月归档文章
• 🏷️ 标签系统及专属页面
• 📄 支持 Markdown 的关于页面
• 📰 RSS 订阅支持
• 🖼️ OG 图片生成
• 🔗 社交分享功能
• 📊 内置分析功能
• ⚡ 性能优化

1. Fork 此仓库
2. 在 Vercel 创建新项目
3. 导入你的 Fork 仓库
4. 配置环境变量：

   NEXT_PUBLIC_HASHNODE_GQL_ENDPOINT=https://gql.hashnode.comNEXT_PUBLIC_HASHNODE_PUBLICATION_HOST=your-username.hashnode.devNEXT_PUBLIC_BASE_URL=https://your-domain.comNEXT_PUBLIC_MODE=production

5. 开始部署！

# 克隆仓库 git clone https://github.com/yourusername/blog.git # 安装依赖 pnpm install # 启动开发服务器 pnpm dev

• Next.js - React 框架
• TypeScript - 类型安全
• Tailwind CSS - 样式框架
• GraphQL - API 查询语言
• Hashnode API - 博客后端

本项目采用 MIT 协议开源。