Sets up markdown code blocks to run through shiki which means it gets the VS Code quality syntax highlighting mixed with the twoslash JavaScript tooling from the TypeScript website.
-
Install the dependency:
yarn add hexo-shiki-twoslash
-
Disable
highlight
in./config.yml
:highlight: - enable: true + enable: false
-
Configure the plugin via
./config.yml
:shiki_twoslash: theme: "nord"
-
Follow the steps in npmjs.com/package/remark-shiki-twoslash to add the CSS requirements.
-
Learn in npmjs.com/package/remark-shiki-twoslash to see what is available, this package leaves all the heavy work to that module.