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.
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.
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.
Code-Interpreter-Api
Code Interpreter API is a project that combines a scheduling center with a sandbox environment, dedicated to creating the world's best code interpreter. It aims to provide a secure, reliable API interface for remotely running code and obtaining execution results, accelerating the development of various AI agents, and being a boon to many AI enthusiasts. The project innovatively combines Docker container technology to achieve secure isolation and execution of Python code. Additionally, the project supports storing generated image data in a PostgreSQL database and accessing it through API endpoints, providing rich data processing and storage capabilities.
chatgpt-webui
ChatGPT WebUI is a user-friendly web graphical interface for various LLMs like ChatGPT, providing simplified features such as core ChatGPT conversation and document retrieval dialogues. It has been optimized for better RAG retrieval accuracy and supports various search engines. Users can deploy local language models easily and interact with different LLMs like GPT-4, Azure OpenAI, and more. The tool offers powerful functionalities like GPT4 API configuration, system prompt setup for role-playing, and basic conversation features. It also provides a history of conversations, customization options, and a seamless user experience with themes, dark mode, and PWA installation support.
paper-ai
Paper-ai is a tool that helps you write papers using artificial intelligence. It provides features such as AI writing assistance, reference searching, and editing and formatting tools. With Paper-ai, you can quickly and easily create high-quality papers.
airda
airda(Air Data Agent) is a multi-agent system for data analysis, which can understand data development and data analysis requirements, understand data, and generate SQL and Python code for data query, data visualization, machine learning and other tasks.
AirPower4T
AirPower4T is a development base library based on Vue3 TypeScript Element Plus Vite, using decorators, object-oriented, Hook and other front-end development methods. It provides many common components and some feedback components commonly used in background management systems, and provides a lot of enums and decorators.
RookieAI_yolov8
RookieAI_yolov8 is an open-source project designed for developers and users interested in utilizing YOLOv8 models for object detection tasks. The project provides instructions for setting up the required libraries and Pytorch, as well as guidance on using custom or official YOLOv8 models. Users can easily train their own models and integrate them with the software. The tool offers features for packaging the code, managing model files, and organizing the necessary resources for running the software. It also includes updates and optimizations for better performance and functionality, with a focus on FPS game aimbot functionalities. The project aims to provide a comprehensive solution for object detection tasks using YOLOv8 models.
ChatMemOllama
ChatMemOllama is a personal WeChat public account chatbot that combines a local AI model (provided by Ollama) and mem0 memory management functionality. The project aims to provide an intelligent, personalized chat experience. It features a local AI model for conversation, memory management through mem0 for a coherent dialogue experience, support for multiple users simultaneously (with logic issues in the test version), and quick responses within 5 seconds to users with timeout prompts. It allows or prohibits other users from calling AI, with ongoing development tasks including debugging multiple user handling logic and keyword replies, and completed tasks such as basic conversation and tool calling. The ultimate goal is to wait for pre-task testing completion.
Tianji
Tianji is a free, non-commercial artificial intelligence system developed by SocialAI for tasks involving worldly wisdom, such as etiquette, hospitality, gifting, wishes, communication, awkwardness resolution, and conflict handling. It includes four main technical routes: pure prompt, Agent architecture, knowledge base, and model training. Users can find corresponding source code for these routes in the tianji directory to replicate their own vertical domain AI applications. The project aims to accelerate the penetration of AI into various fields and enhance AI's core competencies.
SQLAgent
DataAgent is a multi-agent system for data analysis, capable of understanding data development and data analysis requirements, understanding data, and generating SQL and Python code for tasks such as data query, data visualization, and machine learning.
hugging-llm
HuggingLLM is a project that aims to introduce ChatGPT to a wider audience, particularly those interested in using the technology to create new products or applications. The project focuses on providing practical guidance on how to use ChatGPT-related APIs to create new features and applications. It also includes detailed background information and system design introductions for relevant tasks, as well as example code and implementation processes. The project is designed for individuals with some programming experience who are interested in using ChatGPT for practical applications, and it encourages users to experiment and create their own applications and demos.
99AI
99AI is a commercializable AI web application based on NineAI 2.4.2 (no authorization, no backdoors, no piracy, integrated front-end and back-end integration packages, supports Docker rapid deployment). The uncompiled source code is temporarily closed. Compared with the stable version, the development version is faster.
gzm-design
Gzm Design is a free and open-source poster designer developed using the latest mainstream technologies such as Vue3, Vite4, TypeScript, etc. It provides features like PSD import, JSON import, multiple pages support, shortcut key support, template import, layer management, ruler tool, pen tool, element editing, preview, file download, canvas zooming and dragging, border stroke, filling, blending modes, text formatting, group handling, canvas size modification, rich text support, masking, shadow effects, undo/redo functionality, QR code tool, barcode tool, and ruler line npm package encapsulation.
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.