11ty.js: Render JavaScript in Markdown?

[lkhrs]

Hi,

I'm working on a project where I'm using 11ty.js as the template engine for Markdown files (relevant doc section). I'd like to render a value from a global data file inside a Markdown file, like so:

[This is a link](${data.metadata.url})

Is there a way to render template literals or use 11ty.js shortcodes in Markdown files? I'm aware of markdown-it-container, but that's block-level.

[dnywh]

You’re close. Just a slight syntax change in your Markdown file:

[This is a link]({{ metadata.url }})

This assumes:

• Your data file is called metadata.json or metadata.js and lives inside of src/_data
  • This data file is formatted correctly
• You meant to write that you’re using Eleventy to generate your site (which defaults to liquid as the default template engine for Markdown files)

You can use shortcodes in your Markdown files out-of-the-box.

[lkhrs]

Thanks for the response. I know you can do this with Liquid and other supported templating languages, however I'm trying to do this while using JavaScript templates. I have 11ty.js set as my Markdown template engine.