ReactPress

Weekly Pick

ReactPress是一个基于React开发的开源发布平台,支持在支持React和MySQL的服务器上架设博客或网站,也可作为内容管理系统(CMS)使用。

ReactPress Github项目地址:https://github.com/fecommunity/reactpress 欢迎Star。在这里插入图片描述## 项目简介ReactPress 是使用React开发的开源发布平台,用户可以在支持React和MySQL数据库的服务器上架设属于自己的博客、网站。也可以把 ReactPress 当作一个内容管理系统(CMS)来使用。GitHub license(Runtime) Build and Test (Compiler) TypeScript PRs Welcome## 🔥 在线示例ReacPress Demo## ✨ 特性- 📦 技术栈:基于 React + NextJS + MySQL 5.7 + NestJS 构建- 🌈 组件化:基于 antd 5.20 最新版的交互语言和视觉风格- 🌍 国际化:支持中英文切换,国际化配置管理能力- 🌞 黑白主题:支持亮色和暗黑模式主题自由切换- 🖌️ 创作管理:内置 MarkDown 编辑器,支持文章写文章、分类目录管理,标签管理- 📃 页面管理:支持自定义新页面- 💬 评论管理:支持内容评论管理- 📷️ 媒体管理:支持文件本地上传和 OSS 文件上传- 📱 移动端:完美适配移动端H5页面- ...## ⌨️ 本地开发### 环境准备bash$ git clone --depth=1 https://github.com/fecommnity/reactpress.git$ cd reactpress$ npm i -g pnpm$ pnpm i### 配置文件项目启动后会加载根目录下的 .env 配置文件,请确保MySQL数据库服务和下面的配置保持一致,并提前创建好 reactpress 数据库jsDB_HOST=127.0.0.1 // 数据库地址DB_PORT=3306 // 端口DB_USER=reactpress // 用户名DB_PASSWD=reactpress // 密码DB_DATABASE=reactpress // 数据库环境准备好后,执行启动命令:bash$ pnpm run dev打开浏览器访问 http://127.0.0.1:3001## 🔗 链接- 首页- 高热度网- 报告问题- 参与共建 - next.js 源码- nest.js 源码> 强烈推荐阅读 《提问的智慧》《如何向开源社区提问题》《如何有效地报告 Bug》《如何向开源项目提交无法解答的问题》,更好的问题更容易获得帮助。## 👥 社区互助如果您在使用的过程中碰到问题,可以通过下面几个途径寻求帮助,同时我们也鼓励资深用户通过下面的途径给新人提供帮助。<div><a href="https://gaoredu.com" title="高热度网"><img height="200" src="https://www.gaoredu.com/wp-content/uploads/2024/08/WechatIMG23.jpg"></a></div>通过 WeChat 联系,可通过搜素微信号 red_tea_v2 或扫码加入 ,并备注来源。通过 GitHub Discussions 提问时,建议使用 Q&A 标签。通过 Stack Overflow 或者 Segment Fault 提问时,建议加上 reactpress 标签。1. GitHub Discussions2. Stack Overflow(英文)3. Segment Fault(中文)Email: admin@gaoredu.com## Star HistoryStar History Chart