Marpit: The skinny framework for creating slide deck from Markdown 
<div id="app"></div>
<script>
  window.$docsify = {
    name: 'Marpit',
    repo: 'https://github.com/marp-team/marpit',
    logo: 'marpit.png',
    nameLink: '/',
    homepage: 'introduction.md',
    routerMode: 'history',
    auto2top: true,
    loadSidebar: true,
    subMaxLevel: 3,
    maxLevel: 4,
    pagination: { crossChapter: true },
    plugins: [
      (hook) => {
        // const tpl = document.getElementById('alert-for-marp-consumers')
        // hook.afterEach((html) => {
        //   try {
        //     const alertState = sessionStorage.getItem('marpit-alert')
        //     if (alertState === 'read') return html
        //   } catch (e) {
        //     // ignore
        //   }
        //   return tpl.innerHTML + html
        // })
        // hook.mounted(() => {
        //   document.body.addEventListener('click', (e) => {
        //     if (e.target.closest('[data-alert-close]')) {
        //       e.preventDefault()
        //       document
        //         .querySelectorAll('.alert-for-marp-consumers')
        //         .forEach((el) => el.remove())
        //       try {
        //         sessionStorage.setItem('marpit-alert', 'read')
        //       } catch (e) {
        //         // ignore
        //       }
        //     }
        //   })
        // })
      },
    ],
  }
</script>
<script
  defer
  src="https://cdn.jsdelivr.net/combine/npm/[email protected]/lib/docsify.min.js,npm/docsify-copy-code,npm/[email protected],npm/[email protected]/dist/docsify-pagination.min.js,npm/[email protected]/components/prism-bash.min.js,npm/[email protected]/components/prism-markdown.min.js,npm/[email protected]/components/prism-scss.min.js,npm/[email protected]/components/prism-json.min.js"
></script>