项目简介
这是一个前后台分离式的个人博客系统,前端运用 React Hooks、TypeScript 技术,后端采用 Koa 框架,数据库选用 MySQL。博客样式借鉴 antd
官方风格,呈现简约风格,项目具备即插即用的特点,用户修改配置后便可使用。
项目的主要特性和功能
- 前后台分离开发:拥有博客后台管理系统,便于管理文章和用户。
- 简约 UI 设计:借助
antd
框架,有响应式布局、文章锚点导航、回到顶部以及markdown
代码高亮功能。 - 评论与通知:用户能进行评论与回复,系统可提供邮件通知回复状态的功能。
- 文件导入导出:支持
md
文件的导入导出,可根据hexo
前缀解析文件信息,若导入标题相同文件可选择是否覆盖。
安装使用步骤
前提条件
假设用户已经下载了本项目的源码文件,且已完成以下操作:
1. 安装好 Node.js 和 Yarn。
2. 安装并启动 MySQL 数据库,将数据库字符集设置为 utf8mb4
,排序规则设置为 utf8mb4_general_ci
。
具体步骤
- 复制项目
bash
- 安装前端依赖并开启开发模式
bash cd react-blog yarn yarn dev
- 安装后端依赖并开启开发模式
bash cd server yarn yarn dev
- 打包前端
bash cd react-blog yarn build
- 后端部署(使用 pm2)
bash cd server pm2 start app.js
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】