Awesome

1. 介绍

输入需求，调用GPTAPI生成mermaid格式的流程图；

这里只作为工具，生成流程图，主要为了加入到公司的项目管理运维管理，二开可以套数据库、接口等。所以功能有限，可以作为工具或代码示例。

在线体验

https://mermaid.shizhuoran.top/

使用的是 GPT_API_free gpt-3.5-turbo模型，可能不稳定，每天100次

2. 技术栈

环境	说明
`.Net8.0`	后端
FineUI11	前端 + 后端
`marked.min.js`	显示`markdown`
`highlightjs-line-numbers.min.js`	显示行号
`mermaid.min.js`	显示流程图
`pako.min.js`<br/>`base64.min.js`	压缩加密
`https://mermaid.ink/img`	导出图片

gpt返回markdown格式的代码；使用marked.min.js显示；highlightjs控制行号格式；同时触发marked.renderer，最后回调 mermaid.render；

3. 配置

GPTAPI配置 helpconfig.json 文件，注意不要有注释

GPT_API_free 提供的免费API，目前支持gpt-4o、gpt-3.5-turbo、gpt-3.5-turbo-16k

{
  "model": "gpt-4o",//模型
  "url": "https://api.chatanywhere.tech/v1/chat/completions",//代理地址
  "key": ""//APIKEY
}

MermaidMask.cs 角色面具，目前写死了flowchart LR

3.1 Docker部署

docker-compose.yml

services:
  mermaidhelp:
    restart: unless-stopped
    image: 935732994/mermaidhelp
    #注意80是内部端口
    ports:
      - 8001:80
    #这里填写API配置
    environment:
      - MODEL=gpt-4o
      - URL=
      - KEY=