2016年在GitHub wiki中嵌入SVG图像

Question

是的，有questions about this。不幸的是，现在的答案都很混乱，过去五年左右的不同事情的信息有所不同。

那我该怎么办

• 嵌入
• svg image
• 在GitHub .wiki文件夹中
• 在GitHub .wiki页面内

我无法相信你需要博士学位。

这是我的示例页面，其中包含破碎的嵌入： - https://github.com/Sciss/ScalaCollider/wiki/Architecture/2413e094a59df4705e770b2a57ff84a8f0a1e7b4

这是实际的事情： - https://raw.githubusercontent.com/wiki/Sciss/ScalaCollider/images/ScalaCollider_types.svg

我认为问题是这是渲染为原始文本而不是显示为svg图像？

不，我不想设置gh页面。我想使用血腥的Wiki，因为这是它应该做的。

Answer 1

好的，显然这就是发生的事情：

• GitHub不希望从rawgithubcontent正确渲染图像。
• 所以忘记将它们嵌入wiki
• 为主项目创建一个gh-pages分支，除非您已经有一个
• 在该分支中查找或创建未使用的目录，并在其中添加图像
• 链接到gh-pages网址

E.g。 https://sciss.github.io/ScalaCollider/images/ScalaCollider_types.svg

不酷，但有效。

Answer 2

您可以使用jsdelivr.net来做到这一点。

步骤：

1. 将文件NSCalendarUnitMonth上载到任何存储库下的一个文件夹中。
2. 在GitHub上找到svg链接，然后单击“原始”版本。
3. 复制URL。
4. 将https://raw.githubusercontent.com/wiki/Sciss/ScalaCollider/images/ScalaCollider_types.svg更改为raw.githubusercontent.com
5. 在用户名之前插入cdn.jsdelivr.net。
6. 删除/gh/名称。
7. （可选）将您要链接的版本插入为branch（如果不这样做，则会得到 latest -可能会导致长期缓存）
8. 使用标签@version，然后将image添加到svg文件的路径尾部。

例如，

如果github中的原始svg文件路径为：

?sanitize=true

您可以在下面使用：

https://raw.githubusercontent.com/yanglr/Beautify-cnblogs/master/images/github-pendant-rightCorner.svg

结果：

参考：

Link and execute external JavaScript file hosted on GitHub