如何用图像替换美人鱼图，使它们保持降价格式，以便在TFS/Azure DevOps服务器中轻松预览？

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

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

所以我决定这样做：

• 对于每个更新的md文件，使用后缀（***IMG.md）创建副本
  • 每一张美人鱼图
    • 生成PNG图像
    • 将PNG图像保存到图像文件夹
    • 用生成图像的链接替换美人鱼图
• 保存修改过的md文件

---

是否可以指定一个软件列表以达到此解决方案？我想，关于我应该使用什么工具，我还没有找到答案？但可能还有其他选择吗？

这比你想象的要容易。TFS/Azure DevOps服务器Wiki，因此您的流程可能类似于：

• git pull

• 扫描repo文件以查找美人鱼图
• 生成JPG并用指向图像的链接替换代码段

• git提交

• git推送

---

它可以很容易地在管道中实现自动化，也许像这样的扩展可以使工作更加简单。

将简单的UML包含到TFS/Azure开发人员操作Wiki中的另一种方法是

只需添加一个

-orders*>[Order]，[Order]+-0..*>[LineItem]，[Order]-[note:Aggregate root{bg:wheat}].jpg“>

这将向您的Wiki页面添加如下图像：

在这里可以找到许多样本：

当然，这有一些限制，比如Uri的最大长度，但是我发现这对于小型Uml非常有用，当您键入Uml语法时，您可以在预览选项卡中看到结果

---

我没有在AzureDevOps服务器上测试过它，但在TFS 2018中它工作得很好。

非常感谢，现在我知道我们正在使用TFVC。没关系：你可以继续在代码中使用TFVC。Wiki在所有情况下都使用Git repo。我这里也有同样的问题。如果你能与我们分享你的解决方案，我将不胜感激。好的，我会的下面是我作为VBS代码所做的一些代码提示，并描述了一个建议的解决方法。我正在评估使用yUML的mermaid的替代方法。与降价的集成就像添加一个*[Order]、[Customer]-[note:Aggregate Root{bg:cornsilk}]>有趣的想法一样简单，使用侧图生成工具，谢谢。我将根据当前情况评估此变体