How To Include Jekyll Liquid Tags in Code Snippets

When I write about Jekyll on my website I often include code snippets to provide more context for how something works. You can easily copy these code snippets and paste them into your own Jekyll website to make them work for you. This is the advantage of being able to include code snippets in a how-to article.

However, when you include Jekyll-specific code in default code snippets you’ll notice all kinds of error messages start to appear in your terminal.

In this quick how-to guide, I’m going to show you how to include Jekyll-specific code into code snippets without breaking your Jekyll website.

Here’s How To Do It

Inside of the code snippet, wrap the code block with the following two tags: raw, endraw.

Here’s what it looks like in my code editor:

Here’s what it looks like in the front end:

Originally published at https://www.mishacreatrix.com on January 31, 2022.

--

--

Follow me to learn about creation, design, and productivity. Start here: https://heymichellemac.com/

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Michelle Mac

Michelle Mac

Follow me to learn about creation, design, and productivity. Start here: https://heymichellemac.com/