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

【问题标题】：How to embed SVG code inside jekyll markdown (on Github)?如何在 jekyll markdown 中嵌入 SVG 代码（在 Github 上）？
【发布时间】：2019-05-29 12:16:32
【问题描述】：

我天真地认为在我的 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 / 液体降价中是否有可能？

注意：我读过include an SVG (hosted on github) in MarkDown，但是：

我想用 d3.js 来操作 svg 代码，所以我假设我需要嵌入 SVG 代码，而不是将其作为外部图像文件引用。
我可以直接使用 d3.js 生成初始 svg 内容（这可行），但这会阻止在禁用 javascript 时显示任何内容...

【问题讨论】：

标签： svg jekyll

【解决方案1】：

你可以disable kramdown专门为你的svg：

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

【讨论】：

它有效，谢谢！你知道为什么 svg 标签必须禁用 markdown 吗？