ThriveX Blog

📖 项目简介

ThriveX Blog 是 ThriveX 博客系统的现代化前端展示端，采用 Next.js 15 + React 19 + Tailwind CSS 构建，提供优雅的博客阅读体验和流畅的用户交互。

作为 ThriveX 全栈解决方案的前端展示部分，Blog 前端与控制端（ThriveX-Admin）和后端服务（ThriveX-Server）共同构成了一个完整的开源博客生态系统。

✨ 核心特性

• 🎨 现代化 UI 设计：基于 Tailwind CSS 4.x，提供优雅的视觉体验
• 📝 Markdown 渲染：支持完整的 Markdown 语法，提供优质的阅读体验
• 🌓 暗色模式：支持主题切换，保护用户视力
• 📱 响应式设计：完美适配桌面端、平板和移动端设备
• ⚡ 性能优化：Next.js 服务端渲染，SEO 友好，加载速度快
• 🎭 动画效果：基于 Motion React，提供流畅的交互动画
• <EFBFBD> 数据分析集成：集成百度统计和高德地图，展示访问数据
• 🔍 SEO 优化：基于 Next.js SSR，完美解决搜索引擎优化问题

📸 项目预览

🚀 快速开始

https://docs.liuyuyang.net/docs/项目部署/1Panel.html

📂 项目结构

ThriveX-Blog/
├── src/
│   ├── app/              # Next.js App Router
│   ├── components/       # 公共组件
│   ├── hooks/            # 自定义 Hooks
│   ├── lib/              # 工具库
│   ├── styles/           # 样式文件
│   ├── types/            # TypeScript 类型定义
│   └── utils/            # 工具函数
├── public/               # 静态资源
├── .env                  # 环境变量配置
├── package.json          # 项目配置
└── next.config.js        # Next.js 配置

🌐 项目链接

名称	链接	说明
博客预览	https://liuyuyang.net	前端博客展示
官网地址	https://thrivex.liuyuyang.net	项目官网
文档中心	https://docs.liuyuyang.net	使用文档
GitHub 主页	https://github.com/LiuYuYang01/ThriveX-Blog	源码仓库

🔗 相关仓库

名称	链接	说明
控制端	https://github.com/LiuYuYang01/ThriveX-Admin	管理后台
后端服务	https://github.com/LiuYuYang01/ThriveX-Server	API 服务

📝 开源协议

本项目采用 AGPL-3.0 许可证。

使用须知：

• ✅ 允许商业使用、修改、分发
• ✅ 必须保留原始版权说明
• ✅ 修改后的版本必须开源
• ❌ 禁止任何闭源商业行为

在项目 Star 突破 2K 后，您可以自由选择保留或删除版权信息。

⭐ Star History

👨‍💻 作者信息

刘宇阳

• GitHub: @LiuYuYang01
• 我的博客: https://liuyuyang.net
• 关于我： https://my.liuyuyang.net
• 邮箱: liuyuyang1024@yeah.net

💬 交流群

欢迎加入 ThriveX 官方交流群，与开发者和其他用户交流：

**加群方式**：添加微信 `liuyuyang2023`，备注 "ThriveX"

🙏 鸣谢

感谢所有为 ThriveX 项目做出贡献的开发者和用户！

特别感谢以下项目提供的灵感与技术支持：

• https://blog.zwying.com/
• https://www.blatr.cn/
• https://poetize.cn/

🔒 免责声明

本项目仅供学习交流使用，不提供任何技术咨询或技术支持服务。使用者在使用本项目时应遵守当地法律法规，不得用于任何违法活动。