Highlight specific lines of code in a code block

[acheddir]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Built from jekyll-theme-chirpy

Description

Is it possible to highlight specific lines in a fenced code block, just like in the image below

Operations you have already tried

Since Jekyll is using rouge, I tried adding the following at the end of my code block, with no success :

{: highlight_lines=[2, 4]}

Maybe I'm doing it wrong, much help is appreciated 🙏🏼

Anything else?

No response

[NichtsHsu]

Jekyll currently only supports code blocks generated from {% highlight %} to highlight specific lines. However, this syntax is not compatible with the Chirpy theme.

That is to say, currently do not have a native method to achieve this requirement. You must handle it yourself - writing a jekyll plug-in, or writing a js script, or something else.