基于Vue、MarkMap、OpenAi开发的思维导图生成器

项目简介

本项目完全开源
如果觉得不错麻烦帮忙点一次Star⭐️

本项目是一个结合了Vue、Markmap和OpenAI ChatGPT的思维导图生成工具。用户可以输入标题和内容，通过调用ChatGPT生成思维导图，并支持放大、缩小、适应屏幕和下载功能。

效果演示

技术栈

  • 前端框架：Vue
  • UI组件库：Element Ui
  • 思维导图库：Markmap
  • 图像生成库：html-to-image
  • 文件保存库：file-saver
  • AI模型：OpenAI ChatGPT

项目结构

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
├── public
│ └── index.html
├── src
│ ├── assets
│ ├── components
│ │ └── MarkdownRenderer.vue
│ ├── views
│ │ └── Home.vue
│ │ └── About.vue
│ ├── App.vue
│ └── main.js
├── .env
├── .gitignore
├── package.json
├── README.md
└── vue.config.js

下载

源码(GitHub)：https://github.com/PastKing/MarkMap-OpenAi-ChatGpt
源码(Gitee)：https://gitee.com/past-dust/mindmap-generator

教程

找到项目目录下的.env文件，并修改以下内容：

1
2
VUE_APP_API_BASE_URL=https://api.openai.com
VUE_APP_API_KEY=your_openai_api_key