Gatsby Garden
A Digital Garden Theme for Gatsby. Gatsby Garden lets you create a static HTML version of your markdown notes
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.
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.
- Gatsby
GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Digital Garden
A digital garden is a personal, evolving website that shares interconnected ideas and projects.
- MDX
MDX is a format that allows developers to write JSX within Markdown documents, combining the power of React with the simplicity of Markdown. This allows for the creation of dynamic and interactive content that can be easily shared and consumed across different platforms and devices.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.