已部署的 Hugo 网站 (Netlify) 中未显示表情符号

Question

我在 Netlify 上部署了我的 Hugo 网站（使用 blogdown 在 RStudio 中构建）并注意到我缺少（一些）我在标题/副标题中添加的表情符号 [参见 https://new-blog-2020.netlify.app/]

当我在本地运行站点时不会发生这种情况 (blogdown::server_site())

我该如何解决这个问题？如果重要的话，我的主题是hugo-lamp

编辑：

header.html

  <h1 class="title"><a href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}">{{ .Site.Title | emojify }}</a></h1>
  {{ else }}
    <h2 class="title"><a href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}">{{ .Site.Title | emojify}}</a></h2>
  {{ end }}
  <p class="subtitle">{{ .Site.Params.subtitle | emojify}}</p>

config.toml

[params]
  mainSections = ["posts"] # determine which sections are displayed on the homepage
  subtitle = "Here is where I have fun with </br> data :bar_chart: (and) :microbe: science :dna: :microscope:"
  author = "Nick"

Answer 1

我在基于 Hugo 的网站上的某些文章标题[*] 中使用表情符号，经过大量实验后，我认为最好的解决方案是使用 Unicode 字符而不是表情符号代码[^] 在标题中。例如，您可以在标题和副标题中使用 Unicode 字符 ? 和 ?，而不是 :dna: 和 :microbe:。

另一种方法是编辑相关的布局文件，例如，而不是{{ .Title }}，而是显示{{ .Title |emojify }}。

无论如何，请确保您的编辑器、源文件和目标文件、Web 服务器和 Web 浏览器都使用 UTF-8 编码。

我希望这会有所帮助！

[*] 例如Introduction to Hugo Bundles? 和AsciiDoc Kitchen Sink (featuring ?)

[^] 要在 Hugo 中使用表情符号代码，您需要在 config.yaml 中输入 enableEmoji: true。