如何将 YAML 前端内容添加到 SVG 图像答案

【问题标题】：How to add YAML front matter to an SVG image如何将 YAML 前端内容添加到 SVG 图像
【发布时间】：2019-05-08 14:36:21
【问题描述】：

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

编辑：我尝试直接将前面的内容添加到 SVG，但没有显示。
编辑＃2：我的存储库是 @987654321 @
编辑#3：我现在使用更灵活的自定义构建系统。对于其他有同样问题的人：试试 Javascript/JSON。

【问题讨论】：

标签： yaml jekyll github-pages

【解决方案1】：

您可以通过在 svg 标记之前添加一个前端来让 jekyll 处理您的 svg。

示例：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。

【讨论】：

你有公共存储库 url 吗？
前端必须在任何 svg 标记之前出现。
好的，那么在xml标签之前？
我在 svg 标记之前添加了它，它可以工作，但是我无法检索我添加的数据
您的问题是“如何在 svg 图像中添加前端内容？”。我已经回答了这个问题。 “如何使用包含在 svg 文件中的前端变量？”是另一个需要进一步澄清的问题：现有代码、所需输出……如果我的回答对你来说没问题，你可以批准它并提出另一个问题。

【解决方案2】：

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

【讨论】：