多人博客社区系统
相关技术
用户端:Next.js
管理系统:React18+Vite
服务端:Koa2+Sequelize(ORM)
数据库:MySQL(InnoDB)+Redis
编程语言 TypeScript
组件库使用 Ant Design
CSS解决方案 Tailwind CSS
React状态管理 Recoil
API接口文档 Apifox
缓存 Token黑名单、Next.js页面渲染结果使用Redis缓存，其他数据使用LRU-cache缓存。
其他版本
系统相对完善对博客网站所需的 SEO 有处理可以在生产环境中进行使用,也可以当做毕业设计。
系统提供一 份用户端为 Vue3 的 CSR 版本(前端 Vue3,服务端 Node.js 使用 JavaScript，非免费版本)
以及一份Next.js+Vue3+Express版本（作者主页可见，开源）
可联系 QQ:1974109227
相关链接
- 博客预览地址:https://blogweb.cn
- GitHub 仓库地址:https://github.com/Lrunlin/blog
- Gitee 仓库地址:https://gitee.com/awebcoder/blog
功能
用户端
- 登录/注册
1.邮箱
2. QQ
3. GitHub - 在首页查询全部文章（推荐算法）
- 文章的增删改查，以及草稿箱
- 评论（增删查）
- 设置/修改用户基本信息、展示作者基本社交平台账号
- 关注作者、收藏文章 以及对应的列表查询
- 站内信提醒设置(文章、评论)
文章发布数量、粉丝排行榜聊天室
管理系统
- 分页查询文章
- 可以查询指定文章信息并对其修改、删除
- 发布文章可以上传图片并对图片进行水印添加
- 可以添加、查询文章类型
OSS图床管理可以简单获取服务器当前信息（大屏数据可视化）- 可以查询用户留言进行并且删除
登录并且可以修改管理员密码- 爬虫系统，自动文章（思否）抓取
- 推广内容的数据处理
- 评论管理
- 首页消息通知
更新计划
- 积分功能
- 小组功能
- 前期使用组件库快速搭建用户端页面，后期进行美化以及去Antd
- 文章页面主题模式
开发环境启动
Node.js 版本推荐使用 16,同时推荐使用 yarn 作为包管理器(未来会对 Node 版本进行升级)
环境变量
- admin文件夹在根目录创建.env.production文件并按照.env.development填写完整
- client文件夹在env文件夹中.env.production文件并按照.env.development填写完整
- server文件夹在env文件夹中将template重命名为环境变量名后补全内容
启动
- 导入 SQL 文件
- npm install yarn -g (如果有 yarn 请忽略)
- 点击 install.bat 自动安装依赖 (完成后关闭 cmd 窗口)
- 点击 dev.bat 启动项目
生产环境部署
本站使用宝塔 Linux 进行网站部署,对于不同开发者来说生产环境服务器不同。如果你在项目部署时遇到了问题可以通过顶部的联系方式联系我。