如何在 npm 包的自述文件中显示 gif？

Question

我在Readme文件中添加了以下行，它在GitHub上运行良好，但gif没有显示在npm包页面上。

![@bilal111996/react-range-slider horizontal](https://github.com/bilalyaqoob/react-range-slider/blob/master/horizontal.gif)

Answer 1

您需要将README中的图像链接替换为'raw'链接(即到实际图像的链接(
您使用的链接实际上加载了一个HTML页面，其中包含GIF信息，作为GitHub上的存储库对象
这会导致NPM上出现CORS错误。

你有两个选择：

1. 将raw=true添加到URL的末尾：
   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
   • 右键单击图像并选择"复制图像地址">