【EasyBlog】基于React+AntD+NextJS+NestJS+MySQL打造的开源博客系统
发布于 20 小时前 作者 fecommunity 68 次浏览 来自 分享

Github项目地址:https://github.com/fecommunity/easy-blog 欢迎Star。

Easy-Blog 是一套集成文章发表、页面创建、知识库管理、博客后台管理等功能于一体的博客系统。

首页-浅色主题

65d9e4015778b905dc1f0d7889282279.png

首页-暗黑主题

dark.png

文章阅读

en-reading.png

后台管理 a3d60c81ad92872a510e5c3385168ce4.png

✨ 特性

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

⌨️ 本地开发

环境准备

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

配置文件

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

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

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

$ pnpm run dev

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

🔗 链接

强烈推荐阅读 《提问的智慧》《如何向开源社区提问题》《如何有效地报告 Bug》《如何向开源项目提交无法解答的问题》,更好的问题更容易获得帮助。

👥 社区互助

如果您在使用的过程中碰到问题,可以通过下面几个途径寻求帮助,同时我们也鼓励资深用户通过下面的途径给新人提供帮助。

<div> <a href=“https://gaoredu.com” title=“高热度网”><img height=“200” src=“https://p0-xtjj-private.juejin.cn/tos-cn-i-73owjymdk6/be878bbc521244ba9162e7a9d4d1fd32~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3OTExODAyODE3NTIy:q75.awebp?policy=eyJ2bSI6MywidWlkIjoiNzQ1OTQwNjM0ODQwNDQzIn0%3D&rk3s=f64ab15b&x-orig-authkey=f32326d3454f2ac7e96d3d06cdbb035152127018&x-orig-expires=1730614783&x-orig-sign=iG7KVl4Luz5E%2FkqfBRbThBN9aKQ%3D”></a> </div>

通过 WeChat 联系,可通过搜素微信号 red_tea_v2 或扫码加入 ,并备注来源。

通过 GitHub Discussions 提问时,建议使用 Q&A 标签。

通过 Stack Overflow 或者 Segment Fault 提问时,建议加上 easy-blog 标签。

  1. GitHub Discussions
  2. Stack Overflow(英文)
  3. Segment Fault(中文)

Email: admin@gaoredu.com

如果您觉得项目还不错,Github项目地址:https://github.com/fecommunity/easy-blog 欢迎Star。

回到顶部