VSTS WIki使用HTML Img标签

时间:2018-08-07 19:12:25

标签: azure-devops markdown

因为我希望能够在markdown中调整图像大小,所以我一直在使用HTML img并指定所需的宽度/高度。

我正在使用相对路径引用图像,例如,对于与我要写入的图像文件夹相同目录中的markdown:

<img src="./Images/MyImage.png" width="600">

使用Visual Studio Code可以正常工作,但是将markdown推送到VSTS Wiki时,它不会呈现图像。

这是错误还是不支持img标签?

2 个答案:

答案 0 :(得分:1)

Wiki当然支持标准HTML语法。有关详细信息,请参见this blog

  

Q:使用Visual Studio Code可以正常工作,但是当   markdown被推送到VSTS Wiki,它没有呈现图像。   

根本原因是您使用了相对路径<img src="./Images/MyImage.png" width="600">,因此可以在本地计算机上找到该映像。因此,在本地Visual Studio Code中打开markdown文件时,您可以看到该图像。

但是,当您按下VSTS时,路径会更改。因此,它无法找到要在Wiki中呈现图像的图像。您需要捕获图像的链接地址(URL),然后使用img标签中的URL,如下所示:

<img src="https://xxx.visualstudio.com/f081441f-c072-4ed5-9407-85683e9b0888/_apis/git/repositories/e291904f-4668-4fba-8575-3f67898e3058/Items?path=%2Ftest%2F0116-workspace.png" width="600">

答案 1 :(得分:0)

您可以使用以下语法来调整它们的大小(请参见 =WIDTHxHEIGHT ):

请注意,尽管仅在请求请求和Wiki中支持支持图像大小调整的语法。

![Image alt text]($/project/folder/_img/markdown-guidance/image.png =WIDTHxHEIGHT)

因此,在您的用例中,我将使用(在您的降价文件中):

![Image alt text](./Images/MyImage.png =600x)

有关降价促销中的图像,请参阅以下文档。

https://docs.microsoft.com/en-us/vsts/project/wiki/markdown-guidance?view=vsts#images

相关问题