What I’m trying to do
I’m using the Digital Garden Plugin to make a website using Github Pages. Essentially, I want to render some images both through dataview and inline dataview (for different applications within the website), something like this:
But all I get in the website is this, respectively:
Things I have tried
I’ve tried looking through both the Digital Garden Plugin Docs as well as the Dataview and Eleventy docs (the layer of translation Digital Garden uses to convert Markdown to HTML), and found nothing on the topic. I’ve also tried redering the images in several different ways (embed(link) vs ![link], for example), but it doesn’t matter, if I link to an image using dataview, it breaks in the website. I even tried to use Github Copilot to see if it could figure out the code to make it work (I’m not exactly an expert in Java Script or HTML).
To be clear, I know I can just write the HTML for the images directly into Obsidian. I’ve in fact been doing this for the website’s homepage for a while. But I really wanted to avoid it here, because I want these to be the notes I’m actually working on, instead of having a private and public version, and I like to have my characters’ portraits there when I work, sp if I use HTML to render them directly the way they’re supposed to, I can’t see them within Obsidian.
To make matters worse, I’m actually using a fork of the Digital Garden Plugin, based on an older version, because the plugin doesn’t have native support for Github Pages, so this might even have already been fixed in future versions…