如何解决如何在npm包的自述文件中显示gif?
我在我的自述文件中添加了以下行,它在GitHub上可以正常运行,但是gif不在npm软件包页面上显示。
![@bilal111996/react-range-slider horizontal](https://github.com/bilalyaqoob/react-range-slider/blob/master/horizontal.gif)
解决方法
您需要将自述文件中的图片链接替换为“ 原始”链接(即指向实际图片的链接)。
您使用的链接实际上是在GitHub上将带有GIF信息的HTML页面加载为存储库对象。
这会导致CORS errors出现NPM。
您有两个选择:
-
在网址末尾添加
raw=true
:
https://github.com/bilalyaqoob/react-range-slider/blob/master/horizontal.gif?raw=true -
使用直接原始URL:
https://raw.githubusercontent.com/bilalyaqoob/react-range-slider/master/horizontal.gif注意:要找到此链接:
- 在浏览器中打开1.的链接;它重定向到2。
- 右键单击图像,然后选择“复制图像地址”
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。