聲明：該文章由作者（是桃桃呀）發(fā)表，轉(zhuǎn)載此文章須經(jīng)作者同意并請(qǐng)附上出處(0XUCN)及本頁(yè)鏈接。。

安裝

1. 源碼安裝

• ? 環(huán)境要求

1.?Node.js?18.x?或更高版本 2.?npm?或?yarn?包管理工具

• ? 拉取源碼

git?clone?https://github.com/liujuntao123/smart-mermaid

• ? 進(jìn)入smart-mermaid目錄，新建配置文件.env.local，配置內(nèi)容如下

#?AI?服務(wù)配置（必需） AI_API_URL=https://api.openai.com/v1 AI_API_KEY=在此處填入您的API密鑰 AI_MODEL_NAME=gpt-4o #?應(yīng)用配置 NEXT_PUBLIC_MAX_CHARS=20000 NEXT_PUBLIC_DAILY_USAGE_LIMIT=5 #?訪問(wèn)密碼（可選） ACCESS_PASSWORD=設(shè)置您的訪問(wèn)密碼

• ? 啟動(dòng)運(yùn)行

#?1.?開(kāi)發(fā)環(huán)境 ????npm?run?dev #?或者 ????yarn?dev #?2.?生產(chǎn)環(huán)境 #?構(gòu)建生產(chǎn)版本 ????npm?run?build #?啟動(dòng)生產(chǎn)服務(wù)器 ????npm?run?start

• ? 運(yùn)行成功，可以訪問(wèn)：http://localhost:3000

2. Docker快速啟動(dòng)

• ? 提前安裝好Docker、docker-compose命令環(huán)境
• ? 不需要再拉取源碼，直接新建一個(gè)docker-compose.yml配置文件，內(nèi)容如下

version:?"3" services: ??smart-mermaid: ????#第三方根據(jù)官方源碼打包而成的鏡像???? ????image:?ghcr.io/luler/smart-mermaid-docker:latest ????ports: ??????-?"3000:3000" ????environment: ??????-?AI_API_URL=https://api.openai.com/v1 ??????-?AI_API_KEY=your_api_key_here ??????#-?AI_MODEL_NAME=deepseek/deepseek-v3?#可選，服務(wù)端默認(rèn)模型名，如果設(shè)置未授權(quán)用戶(hù)默認(rèn)選中此模型 ??????-?AI_MODELS=deepseek/deepseek-v3,gpt-4o?#?前端授權(quán)用戶(hù)可選模型，逗號(hào)分隔，未授權(quán)默認(rèn)選中第一個(gè)模型 ??????-?ACCESS_PASSWORD=your_access_password??#?可選 ????restart:?unless-stopped

• ? 一鍵啟動(dòng)命令如下

docker-compose?up?-d

• ? 運(yùn)行成功，同樣訪問(wèn)下面鏈接使用：http://localhost:3000

使用示例

1. 可以直接輸入簡(jiǎn)單的問(wèn)題，系統(tǒng)會(huì)根據(jù)大語(yǔ)言模型的回復(fù)自動(dòng)生成相關(guān)可視圖表

• ? 輸入：“tcp連接的三次握手和四次揮手原理”，生成效果圖如下
  
• ? 輸入：“通俗易懂地介紹一下第一性原理”，生成效果圖如下
  

2. 可以根據(jù)具體描述生圖要求，把自己的知識(shí)和內(nèi)容整理成圖表

• ? 輸入具體邏輯和要求，如下

認(rèn)證系統(tǒng) 1.?訪問(wèn)頁(yè)面，未登錄就跳轉(zhuǎn)到登錄頁(yè)面 2.?登錄頁(yè)面可以選擇賬號(hào)密碼登錄、手機(jī)號(hào)碼驗(yàn)證碼登錄 3.?賬號(hào)認(rèn)證成功，則進(jìn)入系統(tǒng)，否則提示失敗

• ? 生成效果圖
  

總結(jié)

• ? 利用該項(xiàng)目，可以輕松利用AI幫助我們畫(huà)圖，更好地學(xué)習(xí)、理解和梳理知識(shí)
• ? 可以在需求分析、知識(shí)分享、文章編寫(xiě)等場(chǎng)景應(yīng)用起來(lái)，提高文檔圖表編輯效率和質(zhì)量

[超站]友情鏈接：

四季很好，只要有你，文娛排行榜：https://www.yaopaiming.com/
關(guān)注數(shù)據(jù)與安全，洞悉企業(yè)級(jí)服務(wù)市場(chǎng)：https://www.ijiandao.com/