CaigouRoad / blog

使用Next.js+Vue.js+Express+Typescript搭建的个人博客以及管理系统

个人博客系统（源码长期更新）

技术栈

用户端:Next.js(SSR)+TypeScript+Ant Design
管理系统:Vue3+Element-Plus
服务端:TypeScript+Express+Sequelize(ORM)
数据库:MySQL

ALL in Vue

系统相对完善对博客网站所需的 SEO 有处理可以在生产环境中进行使用,也可以当做毕业设计,系统提供一份用户端为 Vue3 的 CSR 历史版本,可联系 QQ:1974109227

相关链接

1. 博客预览地址:https://blogweb.cn
2. GitHub 仓库地址:https://github.com/Lrunlin/blog
3. Gitee 仓库地址:https://gitee.com/awebcoder/blog

Node.js 版本推荐使用 14:对应 node-sass 版本（未来会迁移到 18）

功能

用户端

1. 在首页查询全部文章
2. 展示作者基本社交平台账号
3. 点击文章标题进入文章页面查询文章详情
4. 搜索页面可以根据搜索栏关键词进行指定文章查询
5. 关于作者编写作者简单信息
6. 发布文章、设置用户基本信息
7. 可以对管理员进行留言
8. 浏览并使用管理员发布的开发 API 接口

管理系统

1. 分页查询文章
2. 可以查询指定文章信息并对其修改、删除
3. 发布文章可以上传图片并对图片进行水印添加
4. 可以查询用户留言进行并且删除
5. 可以添加、查询文章类型
6. 可以查询、删除富文本编辑器所有上传的静态图片
7. 可以简单获取服务器当前信息
8. 登录并且可以修改管理员密码
9. 处理开源仓库信息
10. 增删改查友链
11. 大屏数据可视化

更新计划

1. 用户端支持移动端，更换 CSS 管理方案为 tailwind CSS 或者 styled-components
2. 服务端 Node.js 框架更换为 Koa2 或者 Nest.js
3. 将 assets 与 api 合并方便资源处理(但是会牺牲部署的便利性)
4. 将富文本编辑器换为 Markdown 编辑器
5. 管理系统使用 React18 重构
6. 将 JWT 的秘钥验证换为 SHA，秘钥根据主机环境变量自动生成（保证生产环境秘钥安全性，防止秘钥泄漏）

服务器推荐

1. 服务器:腾讯云（推荐）
2. 服务器:阿里云
3. CDN/OSS:七牛云

预览图片

Star History