Chemins d'image relatifs pour les cartes Twitter dans blogdown

Question

J'essaye de mettre en place un modèle pour générer des cartes Twitter en blogdown. Il a mis les éléments suivants dans 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 }} 

Et ce qui suit dans layouts/partials/head.html:

{{ partial "twitter-card" . }} 

Dans un blogpost donné - foo.Rmd - Je puis mis cela dans le YAML:

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

Quand je laisse hugo générer un poste tout fonctionne bien et je reçois:

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

Cependant, lorsque je preview my Twitter card l'image n'apparaît pas. Je suppose que je devrais définir un chemin différent dans l'avant-propos de YAML, mais je ne trouve aucune documentation sur ce que le format de chemin devrait être, et tous les tutoriels utilisent des URL absolues dans leurs exemples.

Answer 1

Les cartes Twitter ne prennent pas en charge les chemins d'accès relatifs et vous devez utiliser une URL HTTP (S) entièrement qualifiée dans la balise d'image. Ceci est décrit dans le message troubleshooting.

Answer 2

je vous recommande d'utiliser une URL absolue dans ce cas:

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

Notez que vous devez supprimer le nom du répertoire static (Why?).