Personal Blog Starter Kit | 个人博客启动套件

English | 中文

Hashnode Blog

超详细部署教程    

English

🌟 Features

• 📝 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

📸 Screenshots

Click to view screenshots

Home Page

Content Organization

Additional Features

🚀 Quick Start

Deploy to Vercel

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!

Local Development

# 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

🛠️ Tech Stack

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

📄 License

This project is licensed under the MIT License.

中文

🌟 特性

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

📸 截图展示

点击查看截图

主页

内容组织

其他功能

🚀 快速开始

部署到 Vercel

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

   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. 开始部署！

本地开发

# 克隆仓库
git clone https://github.com/yourusername/blog.git

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

🛠️ 技术栈

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

📄 开源协议

本项目采用 MIT 协议开源。