如何在 Azure DevOps 中将图像居中

Question

我在我的 wiki 页面中上传了一张图片作为附件...这里是生成到页面的代码：

![myImage.png](/.attachments/MyImage_3-dc7eb2d3-c632-4fe3-831a-b5dbfcbf1d98.png)

我想将这张图片居中。但是我不能。

我尝试将该 YAML 代码包装在 HTML div 中。但是就像我无法在 HTML 标签中插入 YAML 标签一样...

我还尝试添加style标签，但styleAzure devOps Wiki 页面不支持标签。

最后我尝试添加 HTMLimg标签而不是 yaml，但它无法识别上传图像的相对路径...

是否存在使图像居中的方法？

谢谢

Answer 1

如今

根据rickvdbosch的答案，可以简单地通过以下方式完成：

<center>

![image.png](/.attachments/image-b2195f3b-f3af-467b-b9d6-0853b1cd7d08.png)

</center>

无需 Azure 中的 Blob 存储，只需使用 Azure DevOps 在插入图像时创建的相对路径即可。

脚步：

1. 在 wiki 编辑器/markdown 中复制粘贴图像，或使用插入文件菜单命令
2. 把<center>标签放在它周围
3. <center>向标签添加一些填充或其他样式

Answer 2

找出图像的整个路径（或正确的img相对路径）并将其放入标签内的 -tag 中<center>。当在 Wiki 中插入文件时，我得到一个像blob:https://dev.azure.com/SOME-GUID. 此 url（当包含-前缀时blob:，可用于显示img- 标签中附加的图像。

<center>
    <img src="blob:https://dev.azure.com/SOME-GUID" />
</center>

如果图像对于 Wiki 页面来说足够重要，那么它可能也足够重要，可以将其托管在您可以在 Wiki 中使用它的地方。查看在 Azure 存储帐户中创建公共容器/blob。

编辑：
我已将我的组织迁移到“使用新 URL：https://dev.azure.com/MY-ORGANIZATION/ ”（来自组织设置 - 概述）。这可能会影响附加文件的上传方式，尽管我所在的另一个组织尚未升级到新的 URL，并且也blob:blob:https://dev.azure.com/SOME-GUID为附加文件提供了一个合适的 URL。