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

djmepvbi 于 2023-10-17 发布在 Node.js

关注(0)|答案(3)|浏览(103)

正在为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上不起作用吗？

3条答案

这是因为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

就像这样，很好用

发生这种情况是因为（出于我无法理解的原因）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正确解析它。