NodeJS 图像不会显示在NPM上,但会显示在Github上

djmepvbi  于 2023-10-17  发布在  Node.js
关注(0)|答案(3)|浏览(102)

正在为NPM模块开发此存储库
图像显示在Github上(向下滚动)
https://github.com/ORESoftware/suman

但在NPM上,尽管使用HTTP 200从Github检索图像,它也不会显示出来
https://www.npmjs.com/package/suman
这是所有的Markdown,图像的Markdown是:

![alt text](https://github.com/ORESoftware/suman/blob/master/images/suman.png "Suman Primary Logo")

有人知道为什么这个markdown图像标签在NPM上不起作用吗?

kg7wmglp

kg7wmglp1#

使用此URL(https://raw.githubusercontent.com/ORESoftware/suman/master/images/suman.png
您的URL链接到一个页面,而不是一个图像

w3nuxt5m

w3nuxt5m2#

这是因为url

https://github.com/mvsowndapan/react-dnd-crop/blob/master/asset/icons/labelIcon.png

请求包含图像的github页面,而不是图像本身。
要获取图像,只需在URL的末尾添加?raw=true

https://github.com/mvsowndapan/react-dnd-crop/blob/master/asset/icons/labelIcon.png?raw=true

就像这样,很好用

bejyjqdl

bejyjqdl3#

发生这种情况是因为(出于我无法理解的原因)NPM错误地解释了 * 相对 * URL。
这将不起作用:

![ImageAlt](./path/image_name.jpg)

这很好用:

![ImageAlt](https://raw.githubusercontent.com/your_name/your_repo/your_branch/path/image_name.jpg)

获取正确URL的最简单方法是导航到图像,右键单击它,然后单击“在新选项卡中打开图像”。URL应该包含raw.githubusercontent.com,以便NPM正确解析它。

相关问题