在Azure DevOps Wiki中添加图像

时间:2019-02-04 11:27:23

标签: azure-devops

我正在尝试在我的Azure DevOps项目1中向Wiki添加少量图像。当我使用本文https://docs.microsoft.com/en-us/azure/devops/project/wiki/markdown-guidance?view=azure-devops#images中提到的绝对路径时,图像没有显示出来。有帮助吗?

4 个答案:

答案 0 :(得分:4)

实际上,您现在可以在编辑Wiki页面以上传图像时使用“插入文件”按钮(由回形针图标表示)。

以这种方式上传图像时,图像会自动存储在“ /.attachments/”文件夹中

答案 1 :(得分:2)

在自己的Git存储库中创建Wiki页面,并且图像文件也添加到其中。您可以在DevOps中浏览位于以下位置的存储库: https://dev.azure.com/MyOrganisation/MyProject/_git/MyProject.wiki

图片的降价路径应从/.attachments/开始,并确保如果要添加尺寸,请使用=500x,而不要添加=500(如果排除高度),例如

![MyImage.png](/.attachments/MyImage-98765432-abcd-1234-abcd-a1234567890b.png =500x)

答案 2 :(得分:2)

从本地计算机添加图像: 在Wiki页面编辑器中,单击“插入文件”图标,然后从本地PC中选择图像,您将看到类似image.jpg

的标记

这还将在编辑器中显示预览。

答案 3 :(得分:1)

在Wiki中插入文件时,最初会获得一个像blob:https://dev.azure.com/SOME-GUID这样的图片网址。该网址(包括blob:前缀时,可用于在img标签中显示附加的图像。

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

Centered image in Azure DevOps Wiki

如果图像在Wiki页面中足够重要,那么将其托管在可以在Wiki中使用的位置可能也足够重要。看一下创建public container/blob in an Azure Storage account

编辑:
对于您的特定图像:右键单击图像,然后选择Copy image address。您将获得一个类似的URL,可以将其用作src标签的img

https://dev.azure.com/rubdevopson/c53ed56f-c130-470b-a6ae-3c4a93266530/_apis/git/repositories/88df06c2-f627-4953-9438-0f762d4cad3a/Items?path=%2FPartsUnlimited_docs%2Fhome.png&versionDescriptor%5BversionOptions%5D=0&versionDescriptor%5BversionType%5D=0&versionDescriptor%5Bversion%5D=master&download=false&resolveLfs=true&%24format=octetStream&api-version=5.0-preview.1