2016年在GitHub wiki中嵌入SVG图像

好的,很明显这就是发生的事情:

• GitHub不想从rawgithubcontent正确渲染图像。
• 所以,忘记把它们嵌入维基吧
• 为主项目创建一个gh-pages分支,除非您已经有了一个
• 在该分支中查找或创建一个未使用的目录,并在其中添加图像
• 链接到gh页面URL

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

不酷,但它有效。

您可以使用 jsdelivr.net .

步骤 :

1. 上载文件 https://raw.githubusercontent.com/wiki/Sciss/ScalaCollider/images/ScalaCollider_types.svg 任何存储库下的一个文件夹。
2. 在GitHub上找到svg链接,然后单击“原始”版本。
3. 复制URL。
4. 改变 raw.githubusercontent.com 到 cdn.jsdelivr.net
5. 插入 /gh/ 在您的用户名之前。
6. 移除 branch 名称
7. (可选)插入 版本 您希望链接到,作为 @version (如果你不这样做,你会得到 最近的 -这可能导致长期缓存)
8. 使用标签 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