Nunjucks syntax rendering inside markdown codeblock

#1

Hey all, not sure if I’m doing something really basic wrong here, or not searching for the right terms as I can’t find much in the way of similar issues.

I’m using Eleventy on a personal site, and I’m adding some code examples to article pages. For example a Vue snippet

(using 3 backticks and language e.g. ```html)

<li v-for="(todo, index) in todos">
     {{ todo.title }}
</li>

or

    TOKEN: ${{ secrets.GITHUB_TOKEN_NAME }}

In my article preview, this seems to show fine, however, when I publish the article there is nothing where they should be. I’m assuming that as {{ }} is used by nunjucks it’s trying to render these as a property or something?

Not sure if I need to or can escape them in the markdown, or if it’s something I need to tweak in my Eleventy config, not build markdown or something?

Any help would be appreciated :slight_smile: thanks!

#2

Ah, you might want to use raw like this:

{% raw %}
Your code block here 
{% endraw %}
#3

Ahh I see, thank you, is that something I can use inside my main body content editor in a NetlifyCMS page? As that’s how I’m adding my new articles.

1 Like
#4

I think if you use the markdown view, rather than the rich text view it’ll work just as well as it would if you edited markdown files in your editor :+1:

#5

A long time getting round to fixing this one Andy, but it absolutely did the trick! Just wanted to say thank you :slight_smile:

1 Like
#6

Awesome! That’s great to hear