Gatsby Starters & Templates Logo Gatsby Starters & Templates
Gatsby Garden screenshot

Gatsby Garden

Author Avatar Theme by Binnyva
Updated: 8 Dec 2022
146 Stars

A Digital Garden Theme for Gatsby. Gatsby Garden lets you create a static HTML version of your markdown notes

Github

Categories

React Digital garden

Overview

Gatsby Garden is a tool that allows users to create a static HTML version of their markdown notes. It is specifically designed to convert Obsidian Zettelkasten Notes into a public Digital Garden. The tool offers several features such as support for wiki links, graph visualization of linkages between notes, backlinks, tagging, and automatic generation of sitemap, RSS feed, and home page.

Features

  • Support for wiki links: Gatsby Garden supports linking between notes using wiki-style double square brackets ([[Note Name]]).
  • Graph visualization of linkages: Users can visualize the linkages between their notes through a graph representation.
  • Backlinks: Gatsby Garden provides backlinks at the bottom of each note, allowing users to see which other notes reference it.
  • Tagging support: Users can tag their notes, making it easier to organize and categorize the content.
  • Automatic generation of sitemap, RSS feed, and home page: Gatsby Garden automatically generates a sitemap to improve SEO, an RSS feed for content distribution, and a home page for easy navigation.

Installation

To use Gatsby Garden, you’ll need to have node, npm, and git installed on your system.

  1. Install the necessary tools by running the following command:

    npm install -g gatsby-cli

  2. Create a new site using Gatsby Garden by running the following command:

    gatsby new my-garden https://github.com/username/gatsby-garden

  3. Navigate to the newly created site folder:

    cd my-garden

  4. Start the development server by running the following command:

    gatsby develop

  5. Open your browser and go to http://localhost:8000/ to see Gatsby Garden running.

Summary

Gatsby Garden is a powerful tool for creating a static HTML version of markdown notes, particularly for those using Obsidian Zettelkasten Notes. It offers various features such as support for wiki links, graph visualization of note linkages, backlinks, tagging, and automatic generation of sitemap, RSS feed, and home page. By following the installation guide, users can easily set up and start using Gatsby Garden to create their own digital garden.