因为我希望能够在markdown中调整图像大小,所以我一直在使用HTML img
并指定所需的宽度/高度。
我正在使用相对路径引用图像,例如,对于与我要写入的图像文件夹相同目录中的markdown:
<img src="./Images/MyImage.png" width="600">
使用Visual Studio Code可以正常工作,但是将markdown推送到VSTS Wiki时,它不会呈现图像。
这是错误还是不支持img
标签?
答案 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