ブログのTwitterカードの相対的な画像パス

Question

Twitterカードを生成するためのテンプレートを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" 

投稿すると、すべてがうまく動作する投稿を生成します。

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

ただし、preview my Twitter cardの場合は画像が表示されません。私はYAMLのフロントの問題で別のパスを設定しなければならないと思っていますが、パスフォーマットのドキュメントを見つけることができず、すべてのチュートリアルで絶対的なURLを使用しています。私はあなたがこの場合は、絶対URLを使用することをお勧めします

Answer 1

Twitterカードは相対パスをサポートしていないため、イメージタグで完全修飾HTTP（S）URLを使用する必要があります。これは、troubleshootingポストに記載されています。

Answer 2

：

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

を使用すると、ディレクトリ名static（Why?）を削除する必要があります。