【问题标题】: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&amp;versionDescriptor%5BversionOptions%5D=0&amp;versionDescriptor%5BversionType%5D=0&amp;versionDescriptor%5Bversion%5D=master&amp;download=false&amp;resolveLfs=true&amp;%24format=octetStream&amp;api-version=5.0-preview.1

    【讨论】:

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

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

    TLDR

    CTRL+CCTRL+V

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-11-11
      • 1970-01-01
      • 2023-01-30
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多