Как встроить SVG-код в разметку Jekyll (на Github)?

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?

Примечание: я прочитал , включая SVG (размещенный на github) в MarkDown , но:

• Я хочу манипулировать кодом svg с последним d3.js, поэтому я предполагаю, что мне нужно встроить код SVG, а не ссылаться на него как на внешний файл изображения.

• Я мог бы сгенерироватьисходный svg-контент напрямую с d3.js (это работает), но это может помешать отображению чего-либо в случае отключения javascript ...

Answer 1

Вы можете отключить kramdown специально для вашего svg:

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