项目简介
这是一个基于React和Egg.js的个人网站项目,主要用于展示个人博客和提供博客管理功能。前端运用React和React Hook技术,UI框架采用Ant - Design;后端采用Egg.js框架。项目旨在锻炼React开发能力,搭建功能完善的个人网站。
项目的主要特性和功能
用户端
- 博客展示:用户可浏览博客内容并查看个人简介。
- 静态资源:包含favicon、header图片等静态资源。
管理端
- 博客管理:管理员能对博客进行增删改查操作,支持Markdown格式编辑。
- 权限管理:通过中间件进行session验证,保障管理端安全。
安装使用步骤
1. 复制项目代码到本地
bash
git clone 项目仓库地址
2. 进入项目目录并安装依赖
bash
cd 项目目录
npm install 或者 yarn install
3. 配置环境
- 修改后端配置文件中的数据库连接信息。
- 配置Nginx反向代理,确保前后端服务正常通信。
4. 启动服务
- 前端用户端:
bash npm start 或者 yarn start
- 后端服务:
bash npm run dev
5. 访问网站
- 用户端:打开浏览器访问
http://localhost:3000
。 - 管理端:访问
http://localhost:3001
进行博客管理操作。
6. 部署上线
- 将代码部署到服务器,配置Nginx进行反向代理。
- 使用pm2管理后端服务,确保服务稳定运行。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】