Blogdown中Twitter卡的相对图像路径

Question

我正在尝试建立一个模板，用于在中生成Twitter Card blogdown。它放入以下内容layouts/partials/twitter-card.html：

<meta name="twitter:site" content="@myname">
<meta name="twitter:creator" content="@myname">
{{ if .IsPage }}
<meta name="twitter:description" content="{{ .Summary }}" />
<meta name="twitter:title" content="{{ .Title }}" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="{{ .Params.image }}" /> {{ else }}
<meta name="twitter:title" content="{{ .Site.Title }}" />
<meta name="twitter:description" content="{{ .Description }}" /> {{ end }}

以及以下内容layouts/partials/head.html：

{{ partial "twitter-card" . }}

在给定的博客文章foo.Rmd中，我将其放在YAML中：

image: "static/post/foo/figure-html/some_image.png"

当我让hugo生成帖子时，一切正常，我得到：

<meta name="twitter:image" content="static/post/fixed-points_files/figure-html/some_image.png" /> 

但是，当我预览我的Twitter卡时，图片不会显示。我想我必须在YAML前端设置一个不同的路径，但是我找不到关于路径格式应该是什么的文档，并且所有教程在其示例中都使用绝对URL。

Answer 1

Twitter卡不支持相对路径，因此您必须在image标签中使用标准的HTTP（S）URL。在疑难解答中对此进行了描述。