zusheng's blog

介绍

• 基于vue3、markdown、ant-design、chart.js、nodejs、mongodb搭建的博客系
• 后台可视化，支持上传markdown转html并生成文章目录
• 适应PC/移动端

项目展示

1. 主页

2. 切换主题

3. 留言

4. 博客详情、生成目录

4. 代码块过长自动折叠

5. 搜索

6. 后台-可视化

7. 其他面板

8. 编辑-可上传markdown

9. 评论

10. log日志及详情

11. 设置

12. 移动端界面

目录结构

1. server 是服务器目录
2. public 是静态文件
3. src 是项目文件夹

运行流程

1. 克隆项目git clone https://gitee.com/imzusheng/zusheng_s_blog.git
2. ./server/config，是服务器配置文件，需要更改的有mongodb的链接url，聚合数据的apiKey
3. cd ./server，再安装服务器依赖 npm i
4. 运行服务器 nodemon index, 需要安装nodemon
5. cd 项目根目录，安装依赖 npm i
6. 运行服务 npm run serve

测试账号

首次进入localhost:8080/pro时会提示初始化 自动生成账号admin，密码123456

相关技术栈

• Vue3
• VueCli4
• Node.js
• Ant Design Vue
• MongoDB
• koa2
• chart.js
• markdown-it
• jsonwebtoken

如果对你有用，star一下吧！