Nimble Polyglot Microcosm

    shiki
    TypeScript icon, indicating that this package has built-in type declarations

    0.10.1 • Public • Published

    Shiki

    Shiki is a beautiful Syntax Highlighter. Demo.

    Usage

    npm i shiki
    # yarn add shiki
    const shiki = require('shiki')
    
    shiki
      .getHighlighter({
        theme: 'nord'
      })
      .then(highlighter => {
        console.log(highlighter.codeToHtml(`console.log('shiki');`, { lang: 'js' }))
      })
    
    // <pre class="shiki" style="background-color: #2e3440"><code>
    //   <!-- Highlighted Code -->
    // </code></pre>
    <script src="https://unpkg.com/shiki"></script>
    <script>
      shiki
        .getHighlighter({
          theme: 'nord'
        })
        .then(highlighter => {
          const code = highlighter.codeToHtml(`console.log('shiki');`, { lang: 'js' })
          document.getElementById('output').innerHTML = code
        })
    </script>

    Clone shikijs/shiki-starter to play with Shiki, or try it out on Repl.it.

    Seen

    Contributing

    Credits

    Sponsorship

    If you find Shiki useful, please consider sponsoring my Open Source development. Thank you 🙏

    https://github.com/sponsors/octref

    License

    MIT © Pine Wu

    Install

    npm i shiki

    DownloadsWeekly Downloads

    443,999

    Version

    0.10.1

    License

    MIT

    Unpacked Size

    8.35 MB

    Total Files

    226

    Last publish

    Collaborators

    • orta
    • octref
    • antfu
    • shiki-deploys