After finding a way to edit my code blocks appearance. I ran into another
issue. Currently the only solution I have to fix the issue, is to run
I found a way to neatly integrate the code block design in compilation by using
So what is liquid?
From their main page:
Liquid is an open-source, Ruby-based template language created by Shopify. It is the backbone of Shopify themes and is used to load dynamic content on storefronts.
Liquid allows me to make lists in my markdown files which I can then itterate using a for each loop in liquid. For example, for my previous post my list was.
Here there are 6 elements in
code where each element begins with
type tag specifies what language I am using. The
type file is a dummy tag in which
the actual name is included in
count tag labels the code blocks
0 from the top.
With this list I can itterate through them using liquid.
codetag loops through each item in
page.code. Now, I only need to
mention the type on the top of my
markdown file and liquid allows me to
generated the top bar of my code blocks with the proper label and icons.