ReactPress—基于React的免费开源博客&CMS内容管理系统

ReactPress Github项目地址：https://github.com/fecommunity/reactpress 欢迎提出宝贵的建议，感谢Star。

![ReactPress](https://i-blog.csdnimg.cn/direct/0720f155edaa4eadba796f4d96d394d7.png#pic_center
ReactPress 是使用React开发的开源发布平台，用户可以在支持React和MySQL数据库的服务器上架设属于自己的博客、网站。也可以把 ReactPress 当作一个内容管理系统（CMS）来使用。

• 内容管理

• 

• 文章阅读
  

• 移动端
  

✨ 特性

• 📦 技术栈：基于 React + NextJS + MySQL 5.7 + NestJS 构建
• 🌈 组件化：基于 antd 5.20 最新版的交互语言和视觉风格
• 🌍 国际化：支持中英文切换，国际化配置管理能力
• 🌞 黑白主题：支持亮色和暗黑模式主题自由切换
• 🖌️ 创作管理：内置 MarkDown 编辑器，支持文章写文章、分类目录管理，标签管理
• 📃 页面管理：支持自定义新页面
• 💬 评论管理：支持内容评论管理
• 📷️ 媒体管理：支持文件本地上传和 OSS 文件上传
• 📱 移动端：完美适配移动端H5页面
• …

⌨️ 本地开发

环境准备

$ git clone --depth=1 https://github.com/fecommnity/reactpress.git
$ cd reactpress
$ npm i -g pnpm
$ pnpm i

配置文件

项目启动后会加载根目录下的 .env 配置文件，请确保MySQL数据库服务和下面的配置保持一致，并提前创建好 reactpress 数据库

DB_HOST=127.0.0.1 // 数据库地址
DB_PORT=3306 // 端口
DB_USER=admin // 用户名
DB_PASSWD=admin // 密码
DB_DATABASE=reactpress // 数据库

环境准备好后，执行启动命令：

$ pnpm run dev

打开浏览器访问 http://127.0.0.1:3001

🔗 链接

• 首页
• 高热度网
• 报告问题
• 参与共建
• next.js 源码
• nest.js 源码

ReactPress Github项目地址：https://github.com/fecommunity/reactpress 欢迎Star。

ReactPress 系列文章

ReactPress 是什么？：https://blog.csdn.net/m0_37981569/article/details/143495843
ReactPress—基于React的免费开源博客&CMS内容管理系统：https://blog.csdn.net/m0_37981569/article/details/143455403
ReactPress数据库表结构设计全面分析：https://blog.csdn.net/m0_37981569/article/details/143662572
ReactPress 安装指南：从 MySQL 安装到项目启动：https://blog.csdn.net/m0_37981569/article/details/143662086
ReactPress – An Open-Source Publishing Platform Built with React：https://blog.csdn.net/m0_37981569/article/details/143635836
ReactPress：构建高效、灵活、可扩展的开源发布平台：https://blog.csdn.net/m0_37981569/article/details/143635551
ReactPress技术揭秘：https://blog.csdn.net/m0_37981569/article/details/143634709
ReactPress：深入解析技术方案设计与源：https://blog.csdn.net/m0_37981569/article/details/143610300
ReactPress：重塑内容管理的未来：https://blog.csdn.net/m0_37981569/article/details/143610158
ReactPress系列—NestJS 服务端开发流程简介：https://blog.csdn.net/m0_37981569/article/details/143536219
ReactPress系列—Next.js 的动态路由使用介绍：https://blog.csdn.net/m0_37981569/article/details/143535847