MarkMap-OpenAi-ChatGpt
本项目是一个结合了Vue、Markmap和OpenAI ChatGPT的思维导图生成工具。用户可以输入标题和内容,通过调用ChatGPT生成思维导图,并支持放大、缩小、适应屏幕和下载功能。
Stars: 77
MarkMap-OpenAi-ChatGpt is a Vue.js-based mind map generation tool that allows users to generate mind maps by entering titles or content. The application integrates the markmap-lib and markmap-view libraries, supports visualizing mind maps, and provides functions for zooming and adapting the map to the screen. Users can also export the generated mind map in PNG, SVG, JPEG, and other formats. This project is suitable for quickly organizing ideas, study notes, project planning, etc. By simply entering content, users can get an intuitive mind map that can be continuously expanded, downloaded, and shared.
README:
本项目完全开源 如果觉得不错麻烦帮忙点一次
Star⭐️
MarkMap-OpenAi-ChatGpt 是一个基于Vue.js的思维导图生成工具,用户可以通过输入标题或内容来生成思维导图。应用集成了markmap-lib与markmap-view库,支持将思维导图可视化,并且提供了对导图的缩放、适应屏幕等功能。用户还可以将生成的思维导图导出为PNG、SVG、JPEG等格式。
该项目适合用于快速整理想法、学习笔记、项目规划等场景。通过简单的输入内容,即可得到一个直观的思维导图,并可持续扩展、下载和分享。
- 输入标题或内容,生成思维导图
- 支持连续问答模式,基于已有内容深入生成
- 思维导图的缩放、适应屏幕等视图控制功能
- 导出为多种图片格式:PNG、JPEG、SVG
- 使用现代Web技术:Vue.js、Element UI、markmap-lib
├── 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
你可以通过以下链接查看在线演示:
- 邮箱:[email protected]
- 公众号:昔尘科技
在运行和部署此项目之前,确保你的环境已经安装了以下工具:
- Node.js (推荐版本:v14+)
- npm (Node 包管理工具)
- Git (版本控制工具)
首先,使用以下命令将项目代码克隆到本地:
git clone https://github.com/PastKing/MarkMap-OpenAi-ChatGpt.git
cd MarkMap-OpenAi-ChatGpt进入 MarkMap-OpenAi-ChatGpt 目录后,运行以下命令安装项目所需的依赖:
npm install安装完依赖后,使用以下命令启动本地开发服务器:
npm run serve在浏览器中访问http://localhost:7000,即可查看项目。
如果需要将项目部署到生产环境,可以通过以下命令构建项目:
npm run build构建后的静态文件会生成在dist/目录下,可以将该目录内容上传到任何静态服务器或托管平台。
GitHub Pages 是一个方便的托管静态网站的平台,适合用来发布Vue项目。
确保项目已经成功构建,并生成了dist/文件夹:
npm run build可以使用gh-pages插件来简化这个过程。首先安装gh-pages插件:
npm install --save-dev gh-pages然后在package.json中添加以下脚本:
{
"scripts": {
"deploy": "gh-pages -d dist"
}
}接下来运行以下命令,将dist/目录推送到GitHub的gh-pages分支:
npm run deploy- 打开你的GitHub仓库页面,点击 Settings。
- 在左侧栏中选择 Pages。
- 选择源为
gh-pages分支,保存设置。
几分钟后,你的项目将会在https://your-username.github.io/MarkMap-OpenAi-ChatGpt/上访问。
Netlify 是一个强大且易用的托管平台,特别适合前端项目的部署。
- 登录 Netlify 并点击 New site from Git。
- 选择 GitHub,授权Netlify访问你的GitHub账户。
- 选择你的 MarkMap-OpenAi-ChatGpt 仓库。
在Netlify的项目配置页面中,设置以下内容:
-
Build Command:
npm run build -
Publish Directory:
dist/
然后点击 Deploy,Netlify 会自动构建并托管你的项目。
项目部署完成后,Netlify 会提供一个访问链接。你可以自定义该链接或使用Netlify提供的默认域名。
Vercel 是另一个受欢迎的前端部署平台,具有快速部署和全局CDN支持的特点。
- 登录 Vercel 并点击 New Project。
- 选择 Import Git Repository,并选择你的 MarkMap-OpenAi-ChatGpt 仓库。
Vercel会自动识别Vue项目,默认的设置无需更改:
-
Build Command:
npm run build -
Output Directory:
dist/
点击 Deploy 按钮,Vercel 会开始构建并部署项目。
部署完成后,Vercel 会为你的项目提供一个唯一的URL,你可以使用该链接分享或自定义为你自己的域名。
你可以在项目的环境配置文件.env中配置API的请求地址和密钥。使用以下命令创建并编辑环境文件:
cp .env.example .env然后在.env文件中修改如下内容:
VUE_APP_API_BASE_URL=https://your-api-endpoint
VUE_APP_API_KEY=your-api-key- 确保Node.js版本符合要求(推荐v14+)。
- 检查项目的依赖是否正确安装,可以尝试删除
node_modules文件夹并重新运行npm install。 - 确保在项目根目录下执行了
npm run build。
欢迎任何形式的贡献,以下是贡献步骤:
- Fork 本仓库
- 创建你的 feature 分支 (
git checkout -b feature/your-feature) - 提交你的修改 (
git commit -m 'Add some feature') - 推送到分支 (
git push origin feature/your-feature) - 创建一个新的 Pull Request
该项目基于 MIT License 许可证开源。你可以自由地使用、修改和分发此项目。
- 感谢 markmap-lib 提供的思维导图生成库。
- 感谢 Vue.js 和 Element UI 提供的强大框架。
此文档现已更新为包含进入 vue 子目录的操作步骤。如果项目目录结构或构建工具有变化,可以根据实际情况继续调整。
For Tasks:
Click tags to check more tools for each tasksFor Jobs:
Alternative AI tools for MarkMap-OpenAi-ChatGpt
Similar Open Source Tools
MarkMap-OpenAi-ChatGpt
MarkMap-OpenAi-ChatGpt is a Vue.js-based mind map generation tool that allows users to generate mind maps by entering titles or content. The application integrates the markmap-lib and markmap-view libraries, supports visualizing mind maps, and provides functions for zooming and adapting the map to the screen. Users can also export the generated mind map in PNG, SVG, JPEG, and other formats. This project is suitable for quickly organizing ideas, study notes, project planning, etc. By simply entering content, users can get an intuitive mind map that can be continuously expanded, downloaded, and shared.
TrainPPTAgent
TrainPPTAgent is an AI-based intelligent presentation generation tool. Users can input a topic and the system will automatically generate a well-structured and content-rich PPT outline and page-by-page content. The project adopts a front-end and back-end separation architecture: the front-end is responsible for interaction, outline editing, and template selection, while the back-end leverages large language models (LLM) and reinforcement learning (GRPO) to complete content generation and optimization, making the generated PPT more tailored to user goals.
aitii-tekisuto
aitii-tekisuto is a unified technical documentation platform for AD domain control and data communication networks, covering architecture design, deployment, security hardening, and daily operation and maintenance. It helps you quickly build and maintain a stable and reliable enterprise network environment. The project uses MkDocs Material to provide a modern documentation site experience, integrating article content encryption functionality and smooth page transition animations for sensitive documents' security protection and optimized user browsing experience.
N.E.K.O
Project N.E.K.O. is an open-source, community-driven platform aiming to build a digital life form that desires to understand, connect, and grow with us. It is a networked empathetic acknowledging organism, a digital life form that seeks to establish connections and grow together with users. The project's ultimate goal is to create an AI-native metaverse closely connected to the real world, with phases including a creative workshop on Steam, an independent platform with derived games, and the N.E.K.O. Network for autonomous social interactions among AI entities. The core features include open-source core components, sustainable ecosystem, and memory synchronization across different scenarios for a seamless companion experience.
promptMinder
PromptMinder is a professional prompt word management platform that simplifies and enhances AI prompt word management. It features prompt word version control with support for version tracking and history viewing, diff comparison similar to Git for quick identification of prompt word updates, customizable tagging for quick categorization and retrieval, support for private and public prompt words, integration of AI models for intelligent prompt word generation, team collaboration with team creation, member management, and permission control, community contribution feature with audit and publishing process. The platform also offers a responsive design for mobile devices, internationalization support for Chinese and English languages, modern interface based on Shadcn UI, intelligent search and filtering functionality, and convenient copy and share features. It is built for high performance using Next.js 16 + React 19, with security authentication provided by Clerk, reliable storage using Supabase + PostgreSQL database, and easy deployment supporting Vercel and Zeabur one-click deployment.
DocTranslator
DocTranslator is a document translation tool that supports various file formats, compatible with OpenAI format API, and offers batch operations and multi-threading support. Whether for individual users or enterprise teams, DocTranslator helps efficiently complete document translation tasks. It supports formats like txt, markdown, word, csv, excel, pdf (non-scanned), and ppt for AI translation. The tool is deployed using Docker for easy setup and usage.
MoneyPrinterTurbo
MoneyPrinterTurbo is a tool that can automatically generate video content based on a provided theme or keyword. It can create video scripts, materials, subtitles, and background music, and then compile them into a high-definition short video. The tool features a web interface and an API interface, supporting AI-generated video scripts, customizable scripts, multiple HD video sizes, batch video generation, customizable video segment duration, multilingual video scripts, multiple voice synthesis options, subtitle generation with font customization, background music selection, access to high-definition and copyright-free video materials, and integration with various AI models like OpenAI, moonshot, Azure, and more. The tool aims to simplify the video creation process and offers future plans to enhance voice synthesis, add video transition effects, provide more video material sources, offer video length options, include free network proxies, enable real-time voice and music previews, support additional voice synthesis services, and facilitate automatic uploads to YouTube platform.
InterPilot
InterPilot is an AI-based assistant tool that captures audio from Windows input/output devices, transcribes it into text, and then calls the Large Language Model (LLM) API to provide answers. The project includes recording, transcription, and AI response modules, aiming to provide support for personal legitimate learning, work, and research. It may assist in scenarios like interviews, meetings, and learning, but it is strictly for learning and communication purposes only. The tool can hide its interface using third-party tools to prevent screen recording or screen sharing, but it does not have this feature built-in. Users bear the risk of using third-party tools independently.
xiaoyaosearch
XiaoyaoSearch is a cross-platform local desktop application designed for knowledge workers, content creators, and developers. It integrates AI models to support various input methods such as voice, text, and image to intelligently search local files. The application is free for non-commercial use, provides source code and development documentation, and ensures privacy by running locally without uploading data to the cloud. It features modern interface design using Electron, Vue 3, and TypeScript.
AI-Drug-Discovery-Design
AI-Drug-Discovery-Design is a repository focused on Artificial Intelligence-assisted Drug Discovery and Design. It explores the use of AI technology to accelerate and optimize the drug development process. The advantages of AI in drug design include speeding up research cycles, improving accuracy through data-driven models, reducing costs by minimizing experimental redundancies, and enabling personalized drug design for specific patients or disease characteristics.
Spring-Broken-AI-Blog
Spring Broken AI Blog is a modern intelligent blog system built on Next.js 15 + TypeScript + AI, integrating AI assistant and RAG (retrieval-augmented generation) functions. It features modern frontend using Next.js with App Router and Turbopack, full-stack TypeScript support, headless components with shadcn/ui + Radix UI + Tailwind CSS, NextAuth.js v4 + JWT authentication strategy, Prisma ORM with SQLite/PostgreSQL, ESLint + Prettier + Husky for code quality, and responsive design. The AI highlights include AI writing assistant based on Kimi API, vector index system using ChromaDB + Ollama for local vector storage, RAG chat function for intelligent Q&A based on article content, AI completion feature for smart content continuation in the editor, AI recommendations for automatic category and tag suggestions, and real-time display of AI-generated content.
Con-Nav-Item
Con-Nav-Item is a modern personal navigation system designed for digital workers. It is not just a link bookmark but also an all-in-one workspace integrated with AI smart generation, multi-device synchronization, card-based management, and deep browser integration.
MahoShojo-Generator
MahoShojo-Generator is a web-based AI structured generation tool that allows players to create personalized and evolving magical girls (or quirky characters) and related roles. It offers exciting cyber battles, storytelling activities, and even a ranking feature. The project also includes AI multi-channel polling, user system, public data card sharing, and sensitive word detection. It supports various functionalities such as character generation, arena system, growth and social interaction, cloud and sharing, and other features like scenario generation, tavern ecosystem linkage, and content safety measures.
LabelQuick
LabelQuick_V2.0 is a fast image annotation tool designed and developed by the AI Horizon team. This version has been optimized and improved based on the previous version. It provides an intuitive interface and powerful annotation and segmentation functions to efficiently complete dataset annotation work. The tool supports video object tracking annotation, quick annotation by clicking, and various video operations. It introduces the SAM2 model for accurate and efficient object detection in video frames, reducing manual intervention and improving annotation quality. The tool is designed for Windows systems and requires a minimum of 6GB of memory.
PersonalExam
PersonalExam is a personalized question generation system based on LLM and knowledge graph collaboration. It utilizes the BKT algorithm, RAG engine, and OpenPangu model to achieve personalized intelligent question generation and recommendation. The system features adaptive question recommendation, fine-grained knowledge tracking, AI answer evaluation, student profiling, visual reports, interactive knowledge graph, user management, and system monitoring.
AivisSpeech
AivisSpeech is a Japanese text-to-speech software based on the VOICEVOX editor UI. It incorporates the AivisSpeech Engine for generating emotionally rich voices easily. It supports AIVMX format voice synthesis model files and specific model architectures like Style-Bert-VITS2. Users can download AivisSpeech and AivisSpeech Engine for Windows and macOS PCs, with minimum memory requirements specified. The development follows the latest version of VOICEVOX, focusing on minimal modifications, rebranding only where necessary, and avoiding refactoring. The project does not update documentation, maintain test code, or refactor unused features to prevent conflicts with VOICEVOX.
For similar tasks
MarkMap-OpenAi-ChatGpt
MarkMap-OpenAi-ChatGpt is a Vue.js-based mind map generation tool that allows users to generate mind maps by entering titles or content. The application integrates the markmap-lib and markmap-view libraries, supports visualizing mind maps, and provides functions for zooming and adapting the map to the screen. Users can also export the generated mind map in PNG, SVG, JPEG, and other formats. This project is suitable for quickly organizing ideas, study notes, project planning, etc. By simply entering content, users can get an intuitive mind map that can be continuously expanded, downloaded, and shared.
For similar jobs
LLMStack
LLMStack is a no-code platform for building generative AI agents, workflows, and chatbots. It allows users to connect their own data, internal tools, and GPT-powered models without any coding experience. LLMStack can be deployed to the cloud or on-premise and can be accessed via HTTP API or triggered from Slack or Discord.
daily-poetry-image
Daily Chinese ancient poetry and AI-generated images powered by Bing DALL-E-3. GitHub Action triggers the process automatically. Poetry is provided by Today's Poem API. The website is built with Astro.
exif-photo-blog
EXIF Photo Blog is a full-stack photo blog application built with Next.js, Vercel, and Postgres. It features built-in authentication, photo upload with EXIF extraction, photo organization by tag, infinite scroll, light/dark mode, automatic OG image generation, a CMD-K menu with photo search, experimental support for AI-generated descriptions, and support for Fujifilm simulations. The application is easy to deploy to Vercel with just a few clicks and can be customized with a variety of environment variables.
SillyTavern
SillyTavern is a user interface you can install on your computer (and Android phones) that allows you to interact with text generation AIs and chat/roleplay with characters you or the community create. SillyTavern is a fork of TavernAI 1.2.8 which is under more active development and has added many major features. At this point, they can be thought of as completely independent programs.
Twitter-Insight-LLM
This project enables you to fetch liked tweets from Twitter (using Selenium), save it to JSON and Excel files, and perform initial data analysis and image captions. This is part of the initial steps for a larger personal project involving Large Language Models (LLMs).
AISuperDomain
Aila Desktop Application is a powerful tool that integrates multiple leading AI models into a single desktop application. It allows users to interact with various AI models simultaneously, providing diverse responses and insights to their inquiries. With its user-friendly interface and customizable features, Aila empowers users to engage with AI seamlessly and efficiently. Whether you're a researcher, student, or professional, Aila can enhance your AI interactions and streamline your workflow.
ChatGPT-On-CS
This project is an intelligent dialogue customer service tool based on a large model, which supports access to platforms such as WeChat, Qianniu, Bilibili, Douyin Enterprise, Douyin, Doudian, Weibo chat, Xiaohongshu professional account operation, Xiaohongshu, Zhihu, etc. You can choose GPT3.5/GPT4.0/ Lazy Treasure Box (more platforms will be supported in the future), which can process text, voice and pictures, and access external resources such as operating systems and the Internet through plug-ins, and support enterprise AI applications customized based on their own knowledge base.
obs-localvocal
LocalVocal is a live-streaming AI assistant plugin for OBS that allows you to transcribe audio speech into text and perform various language processing functions on the text using AI / LLMs (Large Language Models). It's privacy-first, with all data staying on your machine, and requires no GPU, cloud costs, network, or downtime.

