Skip to content

tenelabs/agahi-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commit
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Agahi.js

Official starter templates for building documentation sites with Agahi

What is Agahi?

Agahi is a zero-build, client-side documentation engine that renders .md files directly in your browser - no bundlers, no build step, no server required.

  • No Build Step: Add or update .md and refresh the browser.
  • Client-Side: All rendering happens in-browser using native Markdown.
  • Static-Host Ready: Perfect for GitHub Pages, Netlify, Vercel, and any static hosts.
  • Lightweight & Extensible: Start with defaults or customize via a minimal config.

Starter Template Features

  • Prebuilt folder structure & sample Markdown
  • Theme & layout support via CDN CSS/JS
  • Configurable Sidebar, Title, Repo links
  • Plugin-ready for code copy, image zoom, TOC, and more

Template Structure

_agahi/
β”œβ”€β”€ navbar.md        # Top navigation bar content
β”œβ”€β”€ sidebar.md       # Sidebar navigation links
└── footer.md        # Footer content & links

.nojekyll         # Prevent GitHub Pages from skipping hidden files

index.html        # Main entry point (configure Agahi here)
README.md         # Project overview & setup instructions

guide/         # Example content folder
β”œβ”€β”€ getting-started.md
└── usage.md

Getting Started

  1. Clone the template

    git clone https://github.com/tenelabs/agahi-starter.git my-docs
    cd my-docs
  2. Open it up Just click index.html and serve it.

  3. Customize

    • Add or modify Markdown files.
    • Configure window.$agahi in index.html for title, repo link, plugins, etc.

Basic Usage Example

In your index.html:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>My Docs</title>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/agahi@latest/dist/theme/light.min.css"
    />
  </head>
  <body>
    <div id="app"></div>

    <script>
      window.$agahi = {
        name: "My Docs",
        repo: "your-github-owner/your-docs-repo",
        el: "app",
      };
    </script>
    <script src="https://cdn.jsdelivr.net/npm/agahi@latest/dist/agahi.min.js"></script>
  </body>
</html>

Then link between pages with Markdown hashes:

[Go to Usage Guide](#/guide/usage.md)

Full Documentation

Learn about advanced config, themes, deployment, plugin usage and more:

πŸ‘‰ Official Agahi docs


License

MIT

About

Official starter templates for building documentation sites with Agahi

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages