博客中的Twitter卡片的相對圖像路徑

Question

我試圖設置一個模板來生成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" 

當我讓hugo生成帖子時，一切正常，我得到：

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

但是，當我preview my Twitter card的圖片沒有顯示出來。我認爲我必須在YAML前端設置一個不同的路徑，但我找不到任何有關路徑格式的文檔，並且所有教程都在他們的示例中使用絕對URL。

Answer 1

Twitter卡不支持相對路徑，您必須在圖片標籤中使用完全限定的HTTP（S）URL。這在troubleshooting文章中有描述。

Answer 2

，我建議你在這種情況下使用絕對網址：

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

注意，你應該刪除該目錄名static（Why?）。