CODEWITHSUNDEEP
imageazure-artifactsnpm-packagereadme
McCrockett
McCrockett

Reputation: 152

Azure DevOps Artifacts Feed, how to embed relative image in ReadMe?

VS Code has no problem showing the embedded image in the ReadMe preview. But for some reason, the image doesn't work in Azure DevOps Artifacts once the Angular library is published as a private NPM package to this location.

Any ideas how I can get that to work? enter image description here

I've tried variations of the relative path. Like

And I can't seem to find any documentation specific to exact thing. Any help please? enter image description here

Upvotes: -1

Views: 33

Answers (2)

wade zhou - MSFT
wade zhou - MSFT

Reputation: 8470

Any ideas how I can get that to work?

The image can be displayed on Azure DevOps npm packge:

enter image description here

On the package README.md, the image link should be accessible from public, then it can be displayed.

Please check the image format link, my README.md file for your reference, you can copy and test:

# automate-package-with-azure


![Illustration to use for new users](https://azurecomcdn.azureedge.net/cvt-779fa2985e70b1ef1c34d319b505f7b4417add09948df4c5b81db2a9bad966e5/images/page/services/devops/hero-images/index-hero.jpg)


![MyTestImage](https://axios-http.com/assets/sponsors/opencollective/bestsitesbuyinstagramfollowers.png)

I published the package via devops pipeline for test, you can also publish from local vs code.

enter image description here

Upvotes: 0

Jonathan Myers
Jonathan Myers

Reputation: 887

Azure Artifacts does not support displaying images embedded in the package, sorry.

Upvotes: 0

Related Questions