如何在 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 中的图像 link 替换为“raw” link（即 link 到实际图片).
您使用的 link 实际上加载了一个 HTML 页面，其中包含 GIF 信息作为 GitHub.
上的存储库对象 这会导致 NPM CORS errors。

您有两个选择：

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

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

   注意：要找到这个link：

   • 在浏览器中打开 1. 中的 link；它重定向到 2.
   • right-click 图像和 select 'Copy image address'