Skip to content

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

License

Notifications You must be signed in to change notification settings

imzusheng/zusheng_s_blog

Repository files navigation

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日志及详情

log日志及详情 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一下吧!

Stargazers repo roster for @imzusheng/zusheng_s_blog

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published