Custom css style for terminal codeblocks


#1

Just coded a feature I’d like to find more often on dev blogs : terminal excerpts being rendered differently than code excerpts.
Here my take at it : http://kray.me/2018/04/terminal_css/
Feedbacks welcomed


#2

FYI you can still use standard triple backtick code blocks and still style terminal ones differently.

The key is using the terminal lexer which gives you CSS hooks to style them differently from the rest of your non-terminal code blocks.

Check out this post I wrote for more detail:


#3

Thanks, I googled for such a solution but had not found your post.
I’ll try that, and will update my post consequently, so much better to use md blocks!


#4

So I updated the post and linked to your blog post instead.

PS: like how the footnotes are implemented on mademistakes!


#5

Thanks! I’m using Bigfoot to do the inline footnotes.

http://bigfootjs.com/