Shiki

Shiki is a beautiful Syntax Highlighter. Demo.

Usage

npm

npm i shiki
# yarn add shiki

const shiki = require('shiki')

shiki.getHighlighter({
  theme: 'nord'
}).then(highlighter => {
  console.log(highlighter.codeToHtml(`console.log('shiki');`, 'js'))
})

// <pre class="shiki" style="background-color: #2e3440"><code>
//   <!-- Highlighted Code -->
// </code></pre>

• Themes
• vuepress-plugin-shiki

Credits

• Shiki uses Onigasm by @NeekSandhu
• A lot of code is based on vscode-textmate

License

MIT © Pine Wu