Jekyll UTF-8与Github页面的前沿问题 脚本：

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

---
icon: ☕
---

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

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

{%for site.posts%}
{{post.icon}
{%endfor%}

我在本地构建站点，检查localhost:4000以确保一切正常，然后推送到GitHub。我的站点由GitHub页面托管，每次我推到master时，GitHub都会构建站点

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

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

☕；

但是，UTF-8字符在GitHub创建的网站上不可见，并且UTF-8字符不在span标签内

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

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

---

编辑：我已经解决了我的问题，但我仍然不知道为什么会发生这种情况。我认为了解GitHub无法正确解析前端内容的原因是值得的，我会一直保留这个问题，直到有人能够发现为止。似乎我需要将前端内容UTF-8字符括在引号中：

---
icon: "☕"
---

我还必须在添加icon变量之前用引号括住其他每个frontmatter变量，尽管不需要这样做

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

---

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

似乎我需要在前面的UTF-8字符周围加引号：

---
icon: "☕"
---

我还必须在添加icon变量之前用引号括住其他每个frontmatter变量，尽管不需要这样做

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

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