在 Azure DevOps Wiki 中添加图像答案

【问题标题】：Adding Images in Azure DevOps Wiki在 Azure DevOps Wiki 中添加图像
【发布时间】：2019-06-28 03:14:53
【问题描述】：

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

【问题讨论】：

我在这里结束尝试使用相同的源解析 devops repos / 本地机器 README.md 中的图像。当你弄清楚时很明显：使用相对路径，例如![AR-Architectural](./AR-architectural.png) stackoverflow.com/questions/15764242/…

标签： azure-devops

【解决方案1】：

wiki 页面在他们自己的 Git 存储库中创建，并且图像文件也添加到那里。您可以在 DevOps 中浏览存储库： https://dev.azure.com/MyOrganisation/MyProject/_git/MyProject.wiki

图像的降价路径应以/.attachments/ 开头，并确保如果您添加尺寸，则使用=500x 而不是=500，如果您排除高度，例如

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

【讨论】：

将链接中的所有 %20(空格) 替换为 -(dash) 示例：...com/MyOrganisation/My%20Project%20Name/_git/My-Project-Name.wiki
试图在这里大量导出 Confluence 空间，发现你也不能在例如嵌套图像。 /.attachments/sub1/image.jpg，它必须在那个顶部是平的，例如/.attachments/image.jpg。我想知道为什么这么严格？
谢谢！我正在寻找图像大小调整。

【解决方案2】：

从本地机器添加图片： 在 wiki 页面编辑器中，单击“插入文件”图标并从本地 PC 中选择图像，您将看到如下标记：

这也会在编辑器中显示预览。

【讨论】：

【解决方案3】：

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

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

【讨论】：

这与去年的an existing answer 非常相似。将来，请在提供新答案之前查看现有答案并投票赞成有用的答案。如果现有答案大部分是正确的，但包含一个小错误，您甚至可以对其进行编辑以提出更正建议。

【解决方案4】：

在 Wiki 中插入文件时，您最初会得到一个类似 blob:https://dev.azure.com/SOME-GUID 的图像 URL。此网址（当包含blob:-前缀时，可用于在img-tag 中显示附加图像。

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

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

编辑：
对于您的特定图像：右键单击图像并选择Copy image address。您将获得这样的 URL，您可以将其用作 img-tag 的 src。

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

【讨论】：

是的，这是正确的，但是如果我在同一个 repo 下有图像怎么办？我在 repo 中以文件夹的形式构建了一堆文档。所以我所有的图像都在那个文件夹下。在这种情况下我该如何使用？这是查看我试图在 wiki 页面中访问的图像的 repo 看起来如何的链接：dev.azure.com/rubdevopson/_git/…
是的，我知道那个选项。我正在尝试使用相对路径来查看它是如何支持或工作的:-)
如果可以将 GUID 替换为人工可编辑的名称会很好

【解决方案5】：

对于我来说，我只是将图像复制到剪贴板中，然后粘贴它会自动生成降价代码

TLDR

CTRL+C 和 CTRL+V

【讨论】：