How datawhalechina/handy-n8n works
1. Repository type
- This is a static documentation / course site for learning n8n, not an application backend or service.
- The main output is a set of Markdown lessons, images, and example workflow JSON files that are rendered in a browser.
2. Site shell and runtime
- index.html is the entry point for the docs site.
- The presence of .nojekyll indicates it is meant to be hosted as a static site (commonly GitHub Pages).
- The site is organized for client-side rendering rather than server-side generation.
3. Documentation framework
- The repo appears to use Docsify as the documentation engine.
- README.md, chapter README.md files, and index.html together define the content structure and navigation.
- _sidebar.md likely drives the left-hand chapter navigation.
4. Chapter-based content structure
- The course is split into chapter directories c01 through c06.
- Each chapter is a bounded content module:
- c01: introduction and comparison
- c02: installation and deployment
- c03: core concepts
- c04: advanced usage
- c05: community nodes and custom node development
- c06: case studies
- This structure is content-first, with each chapter independently navigable.
5. Markdown as the primary content layer
- Most learning material lives in Markdown files such as c02/local-pc-deploy.md or c04/n8n-ai-concepts.md.
- These files are the authoritative source for the tutorial content and are rendered by the docs site at runtime.
6. Workflow artifact layer
- workflows/ contains exported n8n workflow JSON examples grouped by chapter.
- These files are not runtime code for this repo; they are importable artifacts meant to be loaded into n8n for demos and practice.
- Examples include trigger nodes, code-node demos, AI/RAG workflows, and case-study automations.
7. Example data and assets
- c04/data/chat嬛嬛.txt is a sample input file used by advanced examples, likely for AI/chat or retrieval exercises.
- images/ and chapter-local images/ folders store diagrams and screenshots that support the lessons.
- The docs content depends heavily on these media assets for explanation.
8. Custom docsify extensions
- js/docsify-plugin-cjk.js suggests a plugin for better Chinese/Japanese/Korean text handling or rendering behavior.
- js/docsify-plugin-n8n.js likely adds n8n-specific documentation behavior, styling, or embedded workflow rendering support.
- These are frontend-only enhancements to the documentation experience.
9. Conceptual flow of information
- Reader opens the static site in a browser.
- Docsify loads the Markdown chapter content and sidebar navigation.
- Images and embedded assets are fetched from the repo.
- Workflow JSON files are referenced as examples for manual import into n8n.
- The actual automation execution happens externally in n8n, not inside this repository.
10. Boundary between docs and execution
- This repository is a knowledge and example distribution layer.
- The executable system boundary is n8n itself: deployments, triggers, nodes, AI workflows, and integrations are all explained here but executed outside the repo.
- That separation is important for an architecture diagram: the repo hosts learning content and artifacts; n8n is the runtime platform being taught.
11. Deployment / consumption model
- The repo is designed to be cloned or hosted statically and consumed in a browser.
- Workflow files can be downloaded and imported into n8n installations on local PC, cloud host, or SaaS instances.
- So the repository supports both documentation consumption and workflow artifact transfer.
12. Overall architecture summary
- Think of the repo as a static course portal + asset library + workflow example catalog.
- Core subsystems are: docs shell, chapter content, visual assets, sample data, and exportable n8n workflows.
- There is no application server, database, or backend API inside this repo.
Main entry points: _sidebar.md Sidebar · README.md Home README · index.html index.html · n8n-ai-concepts.md AI concepts
Components 26
Site Shell
Static entry points and client-side docs runtime
- index.html · Browser entry point for the static docs site
index.html - Sidebar · Docsify navigation structure for chapters and lessons
_sidebar.md - Home README · Top-level overview and course landing page
README.md
Course Content
Markdown lessons organized by chapter
- Chapter 1 · Introduction and comparison of n8n
c01/README.md - Chapter 2 · Installation and deployment options
c02/README.md - Chapter 3 · Core concepts, nodes, code, and workspace
c03/README.md - Chapter 4 · AI concepts, sub-workflows, and error handling
c04/README.md - Chapter 5 · Community nodes and custom node development
c05/README.md - Chapter 6 · Case studies and applied automations
c06/README.md - Deploy docs · Local, cloud host, and SaaS installation guides
c02/local-pc-deploy.md - Core nodes · Node categories and workflow building blocks
c03/n8n-core-nodes.md - Code node · Custom JavaScript logic inside workflows
c03/n8n-code.md - AI concepts · AI, memory, tools, and RAG-oriented concepts
c04/n8n-ai-concepts.md - Sub-workflows · Reuse patterns and error handling
c04/n8n-sub-workflows-and-error-handling.md - Case studies · Real-world automation examples
c06/README.md
Assets
Images and sample data used by lessons
- Sample text · Input text used by advanced examples
c04/data/chat嬛嬛.txt - Shared images · Repository-wide diagrams and screenshots
images - Chapter 2 images · Illustrations for deployment lessons
c02/images - Chapter 3 images · Illustrations for core concept lessons
c03/images - Chapter 4 images · Illustrations for advanced lessons
c04/images - Chapter 5 images · Illustrations for custom-node lessons
c05/images
Workflow Examples
Importable n8n workflow artifacts grouped by chapter
- Ch 3 workflows · Importable workflow demos for core concepts
workflows/c03 - Ch 4 workflows · Importable workflows for AI and advanced patterns
workflows/c04 - Ch 6 workflows · Importable workflows for case studies
workflows/c06
Docsify Plugins
Frontend-only enhancements to the documentation site
- CJK plugin · Frontend plugin for Chinese/Japanese/Korean text handling
js/docsify-plugin-cjk.js - n8n plugin · Frontend plugin for n8n-specific docs behavior
js/docsify-plugin-n8n.js
Connections 33
- index.html → CJK plugin: loads · The entry page includes the CJK plugin
- index.html → n8n plugin: loads · The entry page includes the n8n plugin
- index.html → Sidebar: renders nav · Docsify uses the sidebar for chapter navigation
- index.html → Home README: opens · The landing page content is served through Docsify
- Home README → Chapter 1: links to · Top-level course overview points into chapter 1
- Home README → Chapter 2: links to · Top-level course overview points into chapter 2
- Home README → Chapter 3: links to · Top-level course overview points into chapter 3
- Home README → Chapter 4: links to · Top-level course overview points into chapter 4
- Home README → Chapter 5: links to · Top-level course overview points into chapter 5
- Home README → Chapter 6: links to · Top-level course overview points into chapter 6
- Chapter 2 → Deploy docs: contains · Chapter 2 includes deployment-focused lessons
- Chapter 3 → Core nodes: contains · Chapter 3 includes workflow core concepts
- Chapter 3 → Code node: contains · Chapter 3 includes code-node guidance
- Chapter 4 → AI concepts: contains · Chapter 4 includes AI-focused material
- Chapter 4 → Sub-workflows: contains · Chapter 4 includes reuse and error-handling material
- Chapter 6 → Case studies: contains · Chapter 6 presents applied case studies
- Deploy docs → Chapter 2 images: uses · Deployment lessons reference chapter images
- Core nodes → Chapter 3 images: uses · Core concept lessons reference chapter images
- AI concepts → Chapter 4 images: uses · Advanced AI lessons reference chapter images
- AI concepts → Sample text: uses · AI examples consume the sample text artifact
- Chapter 5 → Chapter 5 images: uses · Custom-node lessons reference chapter images
- Deploy docs → Shared images: also uses · Lessons may pull from shared repository images
- Core nodes → Ch 3 workflows: pairs with · Core concept lessons are illustrated by workflow demos
- Code node → Ch 3 workflows: pairs with · Code-node lessons use workflow examples
- AI concepts → Ch 4 workflows: pairs with · AI lessons are illustrated by advanced workflows
- Sub-workflows → Ch 4 workflows: pairs with · Sub-workflow lessons use advanced workflow examples
- Case studies → Ch 6 workflows: pairs with · Case studies are backed by runnable workflow artifacts
- Sidebar → Chapter 1: indexes · Sidebar enumerates the chapter modules
- Sidebar → Chapter 2: indexes · Sidebar enumerates the chapter modules
- Sidebar → Chapter 3: indexes · Sidebar enumerates the chapter modules
- Sidebar → Chapter 4: indexes · Sidebar enumerates the chapter modules
- Sidebar → Chapter 5: indexes · Sidebar enumerates the chapter modules
- Sidebar → Chapter 6: indexes · Sidebar enumerates the chapter modules