github - 如何在 npm 包的自述文件中显示 gif?
问题描述
我在我的自述文件中添加了以下行,它在 GitHub 上运行良好,但 gif 没有显示在 npm 包页面上。
![@bilal111996/react-range-slider horizontal](https://github.com/bilalyaqoob/react-range-slider/blob/master/horizontal.gif)
解决方案
您需要将 README 中的图像链接替换为“原始”链接(即指向实际图像的链接)。
您使用的链接实际上加载了一个 HTML 页面,其中包含 GIF 的信息作为 GitHub 上的存储库对象。
这会导致NPM 上出现CORS 错误。
你有两个选择:
添加
raw=true
到 URL 的末尾:
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。
- 右键单击图像并选择“复制图像地址”
推荐阅读
- asp.net-mvc - 如何在表单提交时将复选框值传递给控制器然后返回数据以查看?
- asp.net - 在 ASP .NET 中预览 PDF 而不执行 PDF 的嵌入式 JS
- ios - 用于 CAShapeLayer 的 iOS (Swift) 环形 UIBezierPath
- java - 使用注释处理将方法包装在命令中
- uno-platform - 如何使用代理进行 API 调用
- python - 获取 NameError:名称 'countVectorizer' 未在 Pycharm 中定义
- sql - 在 SQL 中计算 SLA 时出现问题
- google-apps-script - 将所有工作表滚动到打开时的最后一行
- java - 当对象名称为整数时,Java GSON 反序列化 JSON
- php - 如何允许 php .htacces 创建文件夹进行上传?