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

Question

我天真地认为在我的 post.md 页面中添加带有内容的 <svg> 标签会很容易，就像这样：

---
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>
{:/}