代码之家 › 专栏 › 技术社区 › 0__

2016年在GitHub wiki中嵌入SVG图像

wiki github svg

0__ · 技术社区 · 9 年前

是的,有 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页面。我想使用血腥的维基,因为这是它应该做的。

2 回复 | 直到 9 年前

0__ 9 年前

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

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

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

不酷,但它有效。

Bravo Yeung 6 年前

您可以使用 jsdelivr.net .

步骤 :

上载文件 https://raw.githubusercontent.com/wiki/Sciss/ScalaCollider/images/ScalaCollider_types.svg 任何存储库下的一个文件夹。
在GitHub上找到svg链接,然后单击“原始”版本。
复制URL。
改变 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>

结果: