如何在 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 中使用？

注意：我读过在 MarkDown 中包含一个 SVG（托管在 github 上），但是：

• 我想用 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>
{:/}