Obsidian - Digital Gardening
How to create an online Digital Garden with Obsidian?
Tools Overview
Obsidian Digital Garden Plugin (Eleventy)
https://github.com/oleeskild/obsidian-digital-garden
Creator: Ole Eskild Steensen (oleeskild)
Documentation: https://dg-docs.ole.dev/
Template: https://github.com/oleeskild/digitalgarden
Comparison to other solutions: https://dg-docs.ole.dev/advanced/comparison-to-other-solutions/
Publishing my notes with the Obsidian Digital Garden Plugin
Examples
- https://notes.ole.dev/
- https://ajy.co/ (How this site is built)
- https://razvan-andrei-surdu.eu/
- https://hermitage.utsob.me/
- https://notes.thatother.dev/
- https://www.alberer.contact/
More:
Docs
Add missing metadata:
- using Templater to add the needed metadata to new files
dg-publish.sh
: https://gist.github.com/meleu/f9667e76a2744d46686702edeb3cc77c- MetaEdit for Obsidian: https://github.com/chhoumann/MetaEdit
Self-Hosting
https://github.com/oleeskild/obsidian-digital-garden/discussions/160
Quartz (uses Hugo)
https://quartz.jzhao.xyz/
https://github.com/jackyzha0/quartz
Tutorials:
- Publishing your Obsidian Vault Online with Quartz (Brandon Boswell)
- Publish your Obsidian Vault Online for Free with Quartz - YouTube (Brandon Boswell)
- Hosting with Docker
GatsbyJS theme "Gatsby Garden" by Binny V A
https://www.gatsbyjs.com/plugins/gatsby-garden
https://github.com/binnyva/gatsby-garden
Examples:
GatbyJS theme "gatsby-starter-digital-garden" by Mathieu Dutour
https://github.com/mathieudutour/gatsby-digital-garden
Examples:
Jekyll Template by Maxime Vaillancourt
Template: https://github.com/maximevaillancourt/digital-garden-jekyll-template
Demo: https://digital-garden-jekyll-template.netlify.app/
Tutorials:
- Setting up your own digital garden with Jekyll — Maxime Vaillancourt
- Obsidian Jekyll workflow — The Refined Mind
- Free Obsidian Publish Alternative!?! How does it compare? - YouTube
Jekyll Template: Jekyll Garden
Website: https://jekyll-garden.github.io/
Demo: https://jekyll-garden.github.io/notes
How-to: https://jekyll-garden.github.io/post/how-to
Source code: https://github.com/Jekyll-Garden/jekyll-garden.github.io
Examples:
Flowershow
Flowershow is an open-source tool for easily converting your markdown files into an elegant website. It's built on a standard, modern web stack – React, Next.js, and Tailwind and shipped with a basic default theme to get you started with just a few clicks.
Markbase
- online service, freemium price model
- custom domain, search and custom CSS costs 5 $ per month
MindStone
https://mindstone.tuancao.me/
https://github.com/TuanManhCao/digital-garden
Custom workflow with Hugo & Husky
https://jacobian.org/til/hugo-obsidian/
Consideration
SSG Templates
Disadvantages:
- You may want to separate it from your main vault, because of all the template stuff you need. If so, you have to sync the files from your vault to the other repo that contains the template.