chroma VS markdown-it

In Hugo and its built-in Chroma syntax highlighting, a code block begins with:

Hugo -> goldmark -> goldmark-highlighting -> chroma

I've used a markdown to html converter to convert my blog posts into HTML with very nice and customizable code samples... in my case I used Go's Blackfriday library with bfchroma[1] doing syntax highlighting with Chroma[2]. To add your language to Chroma you have to provide a lexer, which in turn is written in Pygments[3] syntax.

[1] https://github.com/Depado/bfchroma/

[2] https://github.com/alecthomas/chroma#supported-languages

[3] https://pygments.org/docs/lexerdevelopment/

quick for generating Html and syntax highlighting code blocks

Chroma

For books from other publishers, I am just hardcoding language directly on an ad hoc basis. I briefly considered off-loading language detection to a library like chroma, but that might be too much work for little benefit.

Great blog, you should definitely do research on how you could implement a syntax highlighter for the code parts. Go Hugo for example, uses Chroma. Nice work 👍

Parse it into HTML using markdown-it

We can easily use markdown-it, a markdown parser for rendering a mix of JavaScript and plain text into a markdown file. To get started, kindly create a new directory with the following file structure:

github.com/markdown-it/markdown-it - markdown biblioteca.

Recently, I am using markdown-it. Due to the nature of Vue and virtual DOM. You cannot style style inside v-html with scoped style. The only solution for me is global css and deep selector. I choose the latter

You could probably use markdown-it in your web app to create a notes program where Markdown is used. That tool has lot of plugins. I used it in a small project for myself to test it and it worked like a charm and you can style it so it looks modern. Nevertheless I do not remember if there is a plugin for collaborative writing so users can edit the same file simultaneously but if it does not exist, you can probably work that out by yourself.

markdown-it - Markdown parser done right. Fast and easy to extend.

I don't quite get what you mean. I've used [markdown-it](https://github.com/markdown-it/markdown-it) and overwrite its render rule for images, so it returns an NuxtImg instead of an native img tag.

I've been using markdown-it and highlight.js for code snippets, and so far it's been working pretty great straight out of the box without any other parsing or format prompting

It then, gets compiled down to regular HTML by a markdown processor so that the browser can understand it and display it on the screen.

Maybe Markdown It? link