Get started with docsify CDN

MIT licensed

Docsify: Lightweight JS library for static docs, side nav, search.

Tags:
  • doc
  • docs
  • documentation
  • creator
  • generator

Stable version

Copied!

How to start using docsify CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with docsify CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify/themes/docsify-theme-default.css" />
  <script src="https://cdn.cdnhub.io/docsify/4.13.1/docsify.min.js"></script>
</head>
<body>
  <div id="docsify-container"></div>
  <script>
    window.onload = function() {
      Docsify.create({
        id: 'docsify-container',
        theme: 'docsify-theme-default',
        loadDocFromURL: false, // Load the documentation from a URL, set it to false to use the content within the HTML file
        bundle: {
          'docsify-plugin-vue': {
            version: '2.2.3' // If you're using Vue.js, specify the version here
          }
        }
      });
    };
  </script>

  <!-- Add your documentation content below -->
  <h1>Welcome to My Documentation</h1>
  <p>This is a simple example of using Docsify with the provided CDN link.</p>
  <h2 id="getting-started">Getting Started</h2>
  <p>To get started, follow these steps:</p>
  <ol>
    <li>Install Docsify globally using npm:</li>
    <pre><code>npm install docsify-cli -g</code></pre>
    <li>Generate your documentation:</li>
    <pre><code>docsify init my-docs</code></pre>
    <li>Create your documentation file:</li>
    <pre><code>echo "Hello Docsify!" > my-docs/README.md</code></pre>
    <li>Build your documentation:</li>
    <pre><code>docsify build my-docs</code></pre></ol>
  </body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions