svg - 如何在 jekyll markdown(在 Github 上)中嵌入 SVG 代码？

Question

我天真地认为添加 <svg> 很容易在我的 post.md 页面中标记内容，如下所示:

---
published: true
title: Embeded SVG
---
## title

<svg width="400" height=300>
    <circle cx="150" cy="100" r="10" fill="blue"/>
</svg>

但是我看到的不是显示的图像，而是显示的 SVG 代码(在 Firefox 中)。至今没有找到任何解决办法，看似简单的事情。是否可以在 jekyll/liquid markdown 中使用？

注意:我阅读了 include an SVG (hosted on github) in MarkDown ， 但:

我想用 d3.js 后者操作 svg 代码，所以我假设我需要嵌入 SVG 代码，而不是将其作为外部图像文件引用。

我可以直接使用 d3.js 生成初始 svg 内容(这有效)，但这会阻止在禁用 javascript 的情况下显示任何内容...

Answer 1

您可以 disable kramdown专门为您的 svg :

{::nomarkdown}
<svg width="400" height=300>
    <circle cx="150" cy="100" r="10" fill="blue"/>
</svg>
{:/}