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

Question

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

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

Answer 1

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

你有两个选择：

1. 添加raw=true到 URL 的末尾：
   https ://github.com/bilalyaqoob/react-range-slider/blob/master/horizo​​ntal.gif?raw=true

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

   注意：要找到此链接：

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