I'm working on putting preview images into a distill site. The page compiles fine, but when I look at the page source I see that an extra period is added in the path. I think this is halting og/twitter from picking up the image for the card.
base_url: https://coviddata.conehealth.com preview: images/hospitalizations.png twitter: site: "@conehealth"
<meta property="twitter:image" content="https://coviddata.conehealth.com/./images/hospitalizations.png"/>
The website is available at:
Another note is that I am rendering the output to the
docs directory in the _site.yml (see below) and then serving from github pages with a CNAME. I have tried to specify the full path in the 'preview' field and distill did not generate the "twitter:image" metaproperty at all.
name: "covid-public" title: "SARS-CoV-2 Pandemic" description: | SARS-CoV-2 Pandemic output_dir: "docs" favicon: images/favicon.ico base_url: https://coviddata.conehealth.com
Any thoughts or ideas? I don't want to have to write cleaning code to strip the extra element in the path if at all possible.