如何将 YAML front matter 添加到 SVG 图像

Question

我正在使用 Jekyll 和 Github Pages 托管网络漫画。到目前为止，我已经编写了一个 HTML 文件，该文件应该遍历图像，但是我无法从 SVG 中获取数据。如前所述，我需要向文件本身添加一些数据（标题文本、发布日期等）。有没有如何将其添加到 XML 文件本身？

编辑：我试过直接在SVG中添加front matter，但是没有显示。
编辑 #2： 我的存储库是 here
编辑 #3： 我现在使用更灵活的自定义构建系统。对于遇到同样问题的其他人：尝试 Javascript/JSON.

Answer 1

你可以让 jekyll 处理你的 svg，方法是在 svg 标记之前添加一个 front matter。

示例：star.svg

---
layout: nil
title: My svg star
date_published: 2019-05-08
---
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<path d="M50,3l12,36h38l-30,22l11,36l-31-21l-31,21l11-36l-30-22h38z"
fill="#FF0" stroke="#FC0" stroke-width="2"/>
</svg>

请注意，您必须设置 layout: nil。

Answer 2

没关系，Jekyll 似乎不解析 SVG 图像。我决定改用 JSON 文件。

如何将 YAML front matter 添加到 SVG 图像

How to add YAML front matter to an SVG image

yaml

jekyll

github-pages