2016 年在 GitHub wiki 中嵌入 SVG 图像答案

【问题标题】：Embed SVG image in GitHub wiki in 20162016 年在 GitHub wiki 中嵌入 SVG 图像
【发布时间】：2016-07-23 09:20:07
【问题描述】：

是的，有questions about this。不幸的是，现在的答案都是一团糟，其中包含关于过去五年左右运作方式不同的不同事物的信息。

那我该怎么办

嵌入
svg 图片
在 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-pages。我想使用该死的 Wiki，因为这是它应该做的。

【问题讨论】：

标签： svg github wiki

【解决方案1】：

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

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

例如https://sciss.github.io/ScalaCollider/images/ScalaCollider_types.svg

不酷，但它有效。

【讨论】：

心情沉重，感谢您的回答。我期待着它不再正确的那一天！

【解决方案2】：

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

步骤：

将文件https://raw.githubusercontent.com/wiki/Sciss/ScalaCollider/images/ScalaCollider_types.svg 上传到任意存储库下的一个文件夹中。
在 GitHub 上找到 svg 链接，然后点击“原始”版本。
复制网址。
将raw.githubusercontent.com 更改为cdn.jsdelivr.net
在您的用户名前插入/gh/。
删除branch 名称。
（可选）插入您要链接到的版本，如@version（如果您不这样做，您将获得最新的 - 这可能会导致长期缓存）
使用标签image，然后将?sanitize=true添加到svg文件的路径尾部。

例如，

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

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

你可以在下面使用：

<a href="https://github.com/yanglr">
<img style="position: absolute; top: 76px; right: 0; border: 0" alt="Fork me on GitHub" 
src="https://cdn.jsdelivr.net/gh/yanglr/Beautify-cnblogs/images/github-pendant-rightCorner.svg?sanitize=true"></a>

结果：

参考：

Link and execute external JavaScript file hosted on GitHub

【讨论】：