index.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>HYF Study Book</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="Description">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
  <link 
    rel="stylesheet"
    href="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/style.min.css"
    title="docsify-darklight-theme"
    type="text/css"
  />
</head>

<body>
  <div id="app"></div>
  <!-- Docsify v4 -->
  <script src="//cdn.jsdelivr.net/npm/docsify@4/lib/docsify.min.js"></script>
  <!-- Add the edit on github button -->
  <script src="//cdn.jsdelivr.net/npm/docsify-edit-on-github"></script>
  <!-- Tabs plugin: https://jhildenbiddle.github.io/docsify-tabs/#/?id=usage -->
  <script src="https://cdn.jsdelivr.net/npm/docsify-tabs@1"></script>
  <!-- HYF Custom plugins -->
  <script src="./docsify-plugins/code.js"></script>
  <script src="./docsify-plugins/youtube.js"></script>
  <script src="./docsify-plugins/codesandbox.js"></script>
  <script src="./docsify-plugins/codepen.js"></script>

  <script>
    window.$docsify = {
      relativePath: true,
      plugins: [
        EditOnGithubPlugin.create('https://github.com/HackYourFuture/study/blob/master/'),
        DocsifyHYFCodePlugin.create(),
        DocsifyHYFYoutubePlugin.create(),
        DocsifyHYFCodeSandboxPlugin.create(),
        DocsifyHYFCodepenPlugin.create(),
      ],
      el: "#app",
      repo: 'https://github.com/HackYourFuture/study',
      loadSidebar: true,
      alias: {
        '/.*/_sidebar.md': '/_sidebar.md',
      },
      subMaxLevel: 3,
      tabs: {
        persist    : true,
        sync       : true,
        theme      : 'classic',
        tabComments: true,
        tabHeadings: true
      }
    }
  </script>
  <!-- Darklight theme -->
  <script 
    src="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js"
    type="text/javascript">
  </script>
</body>

</html>