Updated Code Block Styling

Really didn't like the look of code on the previous post. This has been on the todo list and I just went ahead and made it happen today. Now code is styled using rouge and monokai styling.

Here is an example of html formatting with line numbers.

###ADD LEFT INCLUDE CCOUNT### highlight html linenos %} Hello World! ###ADD LEFT INCLUDE CCOUNT### endhighlight %}

Here is a result of the impressive code.

Hello World!

This was implemented by updating the _config.yml for the site like so.

###ADD LEFT INCLUDE CCOUNT### highlight text linenos %} markdown: kramdown kramdown: input: GFM syntax_highlighter: rouge ###ADD LEFT INCLUDE CCOUNT### endhighlight %}

With the inclusion of styling css in the header.

###ADD LEFT INCLUDE CCOUNT### highlight html linenos %}

PULL FROM ORIGINAL SITE

###ADD LEFT INCLUDE CCOUNT### endhighlight %}

Not a lot to get it readable which is nice. I'm done with same day changes now I think.

This is day 12 of 100 Days To Offload.

Tags
Christopher Himes

I'm Christopher Himes (he⁠/⁠him), an accomplished tech professional living in Metro Detroit. I'm currently looking for work as a product owner or developer.

More about me

Comments

This blog uses a Mastodon and webmentions for comments. You can comment by replying on Mastodon/ActivityPub/Fediverse account or webmention.

Recent Posts