如何在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。

您有两个选择：

1. 在网址末尾添加raw=true ：
   https://github.com/bilalyaqoob/react-range-slider/blob/master/horizontal.gif?raw=true

2. 使用直接原始URL：
   https://raw.githubusercontent.com/bilalyaqoob/react-range-slider/master/horizontal.gif

   注意：要找到此链接：

   • 在浏览器中打开1.的链接；它重定向到2。
   • 右键单击图像，然后选择“复制图像地址”