表情符号未显示在已部署的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的网站上的某些文章标题中使用了emoji表情，经过大量实验后，我认为最好的解决方案是使用Unicode字符而不是emoji表情代码[^] < em>标题 。例如，您可以在标题和副标题中使用Unicode字符?和instead来代替:dna:和:microbe:。

另一种方法是编辑相关的布局文件，以使其代替{{ .Title }}，而显示{{ .Title |emojify }}。

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

我希望这会有所帮助！

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

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