Jessie's Blog

A personal blog featuring technical articles, travel guides, and life reflections.
一个融合技术文章、旅行攻略和生活感悟的个人博客。

Live Demo · Report Bug · Request Feature

📸 Preview / 预览

✨ Features / 特性

Content Management / 内容管理

• 📝 Notion as CMS / 使用 Notion 作为内容管理系统
• 📚 Rich Text Support / 富文本支持
• 🏷️ Category & Tag System / 分类和标签系统
• 🔄 Real-time Content Updates / 实时内容更新

User Experience / 用户体验

• 🌍 Multilingual Support (English & Chinese) / 多语言支持（英文和中文）
• 📱 Responsive Design / 响应式设计
• 🔍 Advanced Search / 高级搜索
• 📊 Reading Progress / 阅读进度

Technical Features / 技术特性

• 🎨 Tailwind CSS for Styling / 使用 Tailwind CSS 构建界面
• 📊 Analytics Integration / 集成数据统计分析
• 🔍 SEO Optimized / SEO 优化
• 📧 Newsletter Subscription / 邮件订阅功能
• 🔒 Secure Authentication / 安全认证
• 支持导航栏的二级菜单渲染。
• Markdown 简历编辑器：
  • 支持主题切换（tui 和 github）。
  • 导出 PDF 功能，样式随主题动态更新。

🛠️ Tech Stack / 技术栈

Frontend / 前端

• Framework: Next.js
• Styling: Tailwind CSS
• State Management: Zustand
• UI Components: Headless UI

Backend / 后端

• API: Notion API
• Authentication: NextAuth.js
• Database: Notion Database

Deployment & Tools / 部署和工具

• Hosting: Vercel
• Analytics: Vercel Analytics
• Language: TypeScript
• Version Control: Git

🚀 Roadmap / 开发计划

Completed / 已完成

• Basic UI implementation / 基础 UI 实现
• Notion API integration / Notion API 接入
• Analytics integration / 数据统计集成
• SEO optimization / SEO 优化
• Environment separation / 环境区分
• Newsletter subscription / 邮件订阅
• Category and tag system / 分类和标签系统
• Social sharing / 社交分享功能
• Dark mode support / 深色模式支持
• Performance optimization / 性能优化
• Internationalization improvements / 国际化改进
• Progressive Web App / 渐进式 Web 应用

In Progress / 进行中

• Search and filter functionality / 搜索和过滤功能
• Photography section / 摄影版块
• Media optimization / 多媒体优化
• User authentication / 用户认证系统
• Comments system / 评论系统
• Content caching / 内容缓存

Planned / 计划中

• Content recommendations / 内容推荐
• Newsletter customization / 邮件订阅定制
• API documentation / API 文档
• Mobile app / 移动应用

🏗️ Project Structure / 项目结构

jessie-blog.dev/
├── components/         # React components
├── lib/               # Utility functions and configurations
├── pages/             # Next.js pages
├── public/            # Static assets
├── styles/            # Global styles
└── types/             # TypeScript type definitions

🚀 Getting Started / 快速开始

Prerequisites / 前提条件

• Node.js 18.x or later
• npm or yarn
• Notion API key

Installation / 安装

1. Clone the repository

git clone https://github.com/Jessie-jzn/Jessie-Blog.dev.git
cd Jessie-Blog.dev

2. Install dependencies

npm install
# or
yarn install

3. Set up environment variables

cp .env.example .env.local

4. Start the development server

npm run dev
# or
yarn dev

🤝 Contributing / 贡献

Contributions are always welcome! / 欢迎贡献！

1. Fork the Project / 复刻项目
2. Create your Feature Branch / 创建特性分支 (git checkout -b feature/AmazingFeature)
3. Commit your Changes / 提交更改 (git commit -m 'Add some AmazingFeature')
4. Push to the Branch / 推送到分支 (git push origin feature/AmazingFeature)
5. Open a Pull Request / 开启拉取请求

📝 License / 许可

Distributed under the MIT License. See LICENSE for more information.
基于 MIT 许可证开源。查看 LICENSE 获取更多信息。

📬 Contact / 联系

Jessie - znjessie858@gmail.com

Project Link / 项目链接: https://github.com/Jessie-jzn/Jessie-Blog.dev

---

Copyright © 2024 - Jessie