Generate a Static Website from n8n Workflows with Docsify
detail.loadingPreview
This workflow automates the creation of a static, browsable website from your n8n workflows using Docsify. It extracts workflow data, formats it, and generates HTML files.
🚀Ready to Deploy This Workflow?
About This Workflow
Overview
This n8n workflow automates the generation of a static, browsable website showcasing your n8n workflows. It leverages the Docsify static site generator to create a user-friendly documentation portal. The workflow begins by configuring project paths and HTML snippets. It then retrieves n8n workflow data, potentially from a file, and processes it. Using the html node, it generates the main HTML structure for the Docsify site, including headers and scripts. Another html node is used to create a table summarizing the instance overview. The workflow also includes a switch node to handle different actions like viewing, editing, or recreating documentation. Finally, it converts the generated workflow data into a text file for further use or deployment.
This workflow is particularly useful for teams that want to maintain a central, accessible repository of their n8n automation processes, making it easier to share, document, and manage their automation library.
Key Features
- Dynamically generates a static website from n8n workflows.
- Integrates with Docsify for easy website creation and management.
- Customizable HTML headers and styles for the website.
- Supports rendering Mermaid diagrams within the documentation.
- Provides a table summarizing n8n instance workflows.
- Handles different actions (view, edit, recreate, save) for workflow documentation.
How To Use
- Configure Project Settings: Update the
CONFIGnode with your desiredproject_path,instance_url, and HTML content for headers and styles. - Retrieve Workflow Data: Ensure your n8n workflows are accessible or loaded into the workflow, likely through a preceding node not fully shown in the snippet.
- Process and Generate HTML: The workflow will process the workflow data and use
htmlnodes to generate the main website structure and an instance overview table. - Handle Actions: The
doc actionswitch node can be configured to manage different documentation-related actions based on query parameters. - Convert to File: The
Convert to Filenode will save the generated output as a text file. - Deploy: Manually deploy the generated static files to a web server or hosting platform.
Apps Used
Workflow JSON
{
"id": "26f03efe-7c20-460b-963f-8c03ba151fcd",
"name": "Generate a Static Website from n8n Workflows with Docsify",
"nodes": 0,
"category": "Website Generation",
"status": "active",
"version": "1.0.0"
}Note: This is a sample preview. The full workflow JSON contains node configurations, credentials placeholders, and execution logic.
Get This Workflow
ID: 26f03efe-7c20...
About the Author
Crypto_Watcher
Web3 Developer
Automated trading bots and blockchain monitoring workflows.
Statistics
Verification Info
Related Workflows
Discover more workflows you might like
Universal CSV to JSON API Converter
Effortlessly transform CSV data into structured JSON with this versatile n8n workflow. Integrate it into any application as a custom API endpoint, supporting various input methods including file uploads and raw text.
Automate Local Business Outreach with AI-Powered Yelp Scraper
This workflow automates the process of scraping local business details from Yelp using AI, then leverages that data to send personalized partnership proposals via Gmail. It's perfect for sales and marketing teams looking to streamline lead generation and outreach campaigns.
Automate Getty Images Editorial Search & CMS Integration
This n8n workflow automates searching for editorial images on Getty Images, extracts key details and embed codes, and prepares them for seamless integration into your Content Management System (CMS), streamlining your content creation process.