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"
html output
<meta property="twitter:image" content="https://coviddata.conehealth.com/./images/hospitalizations.png"/>
The website is available at:
https://coviddata.conehealth.com/cone.html
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.