Skip to content

yvanwangl/recatch

Repository files navigation

博客项目第二版管理后台 代号 recatch

该项目为我的个人博客第二版,实现功能:
1.博客数据预览
2.标签管理
3.文章管理
4.评论管理
5.项目管理
6.友链管理
7.个人信息设置
等7个模块功能。

git

在线预览地址
体验账号:registor
密码:123456
测试账号,请不要发布文章 :)
暂时没有开放注册功能。。。

项目技术栈

该项目采用前后端分离技术,前端依然采用 React 系列技术栈,包括:
react/redux/redux-form/redux-orm/react-router v4/material-ui,使用 Typescript 进行代码编写。

项目部分界面

1.博客首页
实现一个简单的站点数据概览功能:

image.png

2.标签管理
该模块主要进行标签的增删操作:

image.png

3.文章管理
该模块主要进行文章的增加修改和删除操作:

image.png

4.评论管理
对文章的评论进行管理

image.png

5.项目管理
该模块主要用于编辑个人项目,用于前端界面展示

image.png

6.友链管理
博客首页支持访客增加友链申请,后端管理界面可以用于审核

image.png

如何运行

1. git clone https://github.com/yvanwangl/recatch.git
2. cd recatch && npm install
3. npm run start

项目构建

1. 通过 npm run build 进行项目构建

项目部署

该项目支持两种部署方式:
1. 基于node环境部署:npm run start:prod
注意: 运行前需要对环境变量进行配置
该方式的部署需要修改根目录下的 ecosystem.config.js 文件

env_production: {
    "PROXY_HOST": "localhost",
    "PROXY_PORT": 8082,
    "PORT": 8084,
    "NODE_ENV": "production",
}

2.部署 docker 容器:
首先构建 docker 镜像,需要在项目根目录下运行:docker build --rm -f Dockerfile -t recatch:latest .
然后使用 docker-compose 运行容器:docker-compose up -d
注意: 运行前需要对环境变量进行配置
该方式的部署需要修改根目录下的 docker-compose.yml 文件

environment:
    - PROXY_PORT=8082
    - PORT=8084
    - PROXY_HOST=192.168.0.1

配置参数说明:

PROXY_HOST: 代理服务器地址
PROXY_PORT: 代理服务器端口
PORT: 资源服务器端口

部署模式下,该项目会起一个 node 资源服务器,将以 /api 为前缀的请求转发至代理服务器

由于该项目采用前后端分离的方式进行开发,只部署该项目没有后端服务提供数据,所以还需要部署服务项目 recatch-service

欢迎Star,有问题请提 issue :)

About

个人博客项目管理后台,代号 recatch

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published