如何在jekyll markdown（在Github上）中嵌入SVG代码？

Question

我天真地以为只需在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减价范围内有可能吗？

>

我想用d3.js来操作svg代码，所以我假设我需要嵌入svg代码，而不是作为外部映像文件引用它。

我可以直接用d3.js生成初始的svg内容（这是可行的），但如果javascript被禁用，这将阻止显示任何内容...

Answer 1

您可以专门为svg禁用kramdown：

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