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页面
  • ...

⌨️ 本地开发

环境准备

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

配置文件

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

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

环境准备好后,执行启动命令:

bash 复制代码
$ pnpm run dev

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

🔗 链接

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

相关推荐
Gauss松鼠会7 分钟前
GaussDB Ustore存储引擎解读
java·前端·数据库·gaussdb
敏编程11 分钟前
网页前端开发之HTML入门篇:表格标签 table
前端·html
&活在当下&14 分钟前
js 将文件 url 地址转成 Blob 文件流并下载
前端·javascript·vue.js
shix .17 分钟前
vue3中setup的作用是什么?
前端·javascript·vue.js
AIoT科技物语40 分钟前
免费,基于React + ECharts 国产开源 IoT 物联网 Web 可视化数据大屏
前端·物联网·react.js·开源·echarts
编程的幸1 小时前
前端三件套(HTML + CSS + JS)
前端·css·html
挂科边缘1 小时前
基于YOLOv8 Web的安全帽佩戴识别检测系统的研究和设计,数据集+训练结果+Web源码
前端·人工智能·python·yolo·目标检测·计算机视觉
初遇你时动了情2 小时前
react 18 react-router-dom V6 路由传参的几种方式
react.js·typescript·react-router
谢尔登2 小时前
【React】styled-components 基本使用
前端·javascript·css
番茄小酱0012 小时前
ReactNative中实现图片保存到手机相册
react native·react.js·智能手机