Github Pages的Jekyll UTF-8前端问题

Question

情景：

我在每篇博文的前面都有一个变量，如下所示：

---
icon: ☕
---

当我显示博客帖子列表时，我引用了这个UTF-8字符

{% for post in site.posts %}
  <span class="icon">{{ post.icon }}</span>
{% endfor %}

我在本地构建网站，检查localhost：4000以确保一切正常，然后推送到GitHub。我的网站由GitHub Pages托管，GitHub将在每次推送掌握时构建网站。

问题：

当我在本地构建网站时，该网站看起来很好。我可以看到显示的UTF-8字符，当我检查页面的来源时，它会显示带有UTF-8字符的span标记。

<span class="icon">&#9749;</span>

但是，GitHub构建的网站上的UTF-8字符不可见，并且span标记中的UTF-8字符不是

<span class="icon"></span>

我已经仔细检查并确保将所有东西都推到原点。为什么我的UTF-8角色丢失了？

编辑：我已解决了我的问题，但我仍然不知道为什么它正在发生。我想知道为什么GitHub无法正确解析前面的事情值得了解，我会保持这个问题的开放，直到有人能够找到

Answer 1

似乎我需要在引号中包围我的前端UTF-8字符：

---
icon: "☕"
---

我还必须将所有其他前端变量括在引号中，尽管在添加图标变量之前不需要。

---
layout: "default"
icon: "☕"
---

我仍然不确定为什么不带引号的UTF-8字符在本地工作但不适用于GutHub。