Rehype plugin to highlight your code blocks with Shiki.
- Supports both
pre(markdown codeblocks) and
raw(raw HTML) nodes.
- Allows you to use your own Shiki highlighter with customizations.
- Shiki is added as a
peerDependency, which means no locking on a particular version.
Check index.test.ts for various use cases.
This plugin uses the
class attribute on the code element to determine the
language of the codeblock. Example of a codeblock which is parsed by
remark-rehype from markdown and works with this plugin:
<pre> <code class="language-typescript"> const foo = 'bar'; </code> </pre>
Much of the plugin's interface is inspired by