我正在尝试设置一个模板,用于在blogdown
中生成Twitter卡片。它把以下内容放在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"
当我让雨果生成一个帖子时,一切正常,我得到:
<meta name="twitter:image" content="static/post/fixed-points_files/figure-html/some_image.png" />
但是,当我预览我的Twitter卡片时,图片没有显示。我想我必须在 YAML 前言中设置不同的路径,但我找不到任何关于路径格式应该是什么的文档,并且所有教程都在他们的示例中使用绝对 url。
Twitter 卡片不支持相对路径,您必须在图像标签中使用完全限定的 HTTP(S( URL。故障排除帖子中对此进行了介绍。
我建议您在这种情况下使用绝对URL:
image: "/post/foo/figure-html/some_image.png"
请注意,您应该删除目录名称static
(为什么?