我工作的公司决定以 Markdown 格式存储需求，以实现简单性、可引用性和直接在 TFS/Azure DevOps Server 中预览。问题在于 TFS/Azure Dev Ops Server 中的预览部分。正如我所发现的，它支持：HTML 标记、数学公式、图像大小调整、提及拉取请求、用户、工作项等等。但是不支持美人鱼图，尽管它们对我的想法非常有用，可以在最短的时间内获得对复杂过程的共同理解。

我已经安装了 pandoc，这是一个过程：为 REPO 中的每个更新的 md 文件自动生成 HTML 文件问题是 TFS/Azure DevOps 服务器不接受预览 BASE64 编码的图像，pandoc 内置在 HMTL 中。

所以我决定做这样的事情：

• 为每个更新的 md 文件创建带有后缀的副本 (***_IMG.md)
  • 对于每个美人鱼图
    • 生成PNG图像
    • 将PNG图像保存到图像文件夹
    • 用生成图像的链接替换美人鱼图
• 保存更改的 md 文件

是否可以指定一个软件列表来实现此解决方案？我还没有找到关于我应该使用什么仪器的答案，我猜是 python？但可能还有其他选择吗？

我已经使用 mermaidJS 作为 APP 来显示流程图。该库在 Web 中的 Chrome 和 Firefox 中看起来相当不错。但是，在 Chrome Android 中呈现时看起来很傻。令人费解的是样式在 android-firefox 上也很好看。

我验证了美人鱼页面，它确认了我的问题。如果您尝试渲染美人鱼演示页面https://mermaidjs.github.io/demos.html，它在除 android-chrome 之外的所有浏览器中看起来都不错。

此问题已在 github 问题列表中列出，但尚未解决。https://github.com/knsv/mermaid/issues/816

有什么解决方法吗？我正在构建一个 PWA，因此流程图在 Web 和移动浏览器中呈现良好很重要

我需要更改流程图节点的样式。我设法设置了背景颜色和轮廓：

样式 s1 填充：#0000，描边：#333，描边宽度：2px

但是，我看不到如何控制标签，例如设置字体颜色、字体系列、粗体、下划线等。

我正在尝试将带有 R 的甘特图中DiagrammeR的示例嵌入到 Shiny 文档中。我正在尝试解决两个问题：

1) 将textAreaInputCourier 中的字体改成新的，最好是小一点的。（我在发布一小时后得到了这个解决方案，方法是将以下内容添加到 Rmd 的顶部，就在最后一个---:)

2）使mermaid甘特图更大，以便我可以看到动态变化（我尝试添加width=900等等，但没有运气。问题似乎仅限于 RStudio，因为如果我打开此 Shiny 文档，甘特图周围的空白将不存在在铬。）

整个 Shiny 文档的代码在这里。任何帮助将不胜感激。谢谢 ：）

我将 Vim 与美人鱼流程图插件一起使用。我要修复的代码如下。

生成的流程图在这里：

如果我</br>用来对齐句子，则字符串会CCCCC从黄色节点框中突出。所以，我想放大黄色节点框。我怎样才能做到这一点？

我在 Azure DevOps 中有一个美人鱼图。我正在使用它来创建流程图。但我注意到这些形状比它们包含的文本大得多。

我尝试定义一个类并将其应用于降价中的所有 id，但无济于事。（我将边距和填充设置为零，减小了行高和字体大小，等等。形状大小没有改变。）

有没有办法从 Markdown 控制形状大小？如果是这样，我该怎么做？该图有效，但其外观无法用于演示目的。

降价

我试图在我用 xaringan 渲染的 Rmarkdown html 演示文稿中制作一些简单的流程图。我正在使用DiagrammeR包绘制美人鱼图。但是，尽管图表在 Rstudio 查看器中正确显示，但样式不会出现在演示输出中。

例如

在控制台运行时按预期生成一个橙色节点和一个灰色节点。然而，

以默认美人鱼颜色生成流程图，忽略样式。

有谁知道这个的解决方法？我也愿意接受其他软件包的建议来绘制简单的树形图。

我正在尝试使用美人鱼工具来构建图表。我安装在windows上使用，

yarn add mermaid

在第一次下载勺子和纱线之后。

然后，要获得我使用的命令行界面，

yarn add mermaid.cli

./node_modules/.bin/mmdc -h

https://github.com/mermaidjs/mermaid.cli

当我实际尝试运行命令行选项时，特别是生成图表时，我收到此错误，

因为我使用的是工作计算机，所以我在我的用户/姓氏文件中安装了 scoop、yarn、mermaid 和界面，所以这可能是问题所在。

在 gitlab 的 README.md 中使用美人鱼时，可以创建一个包含文本的节点，由换行符分隔，如下所示。

我的问题是我怎样才能只在本文的一个部分下划线？

具体来说，我如何在第一行下划线，即列表标题。

我编写了一个 Angular 组件，用于使用mermaid npm 包渲染美人鱼图。

它按原样工作（见下文），但我想找到一种使用它的方法，而不需要父组件包含一个*ngIf（以防止它在没有数据时尝试渲染）。我希望组件本身能够决定是否调用mermaid.render()自己。如果*ngIf未使用，则组件ngAfterContentInit()可能会在graphDefinitionis时运行null。这会导致mermaid库出错。

我可以使用ngOnChanges()或属性设置器来检测何时设置了值，但由于组件依赖于ViewChild，我认为在准备好ngOnChanges()之前或属性设置器会执行的危险。ViewChild

问题：您能否建议一种可靠地改进此组件的方法，以便*ngIf不需要？

用法

Observable<string>图定义（字符串）作为父组件中的 HTTP 调用提供的示例用法：

父组件.html

零件

mermaid-viewer.component.html

mermaid-viewer.component.ts