Digital Garden is the Obsidian plugin that lets me publish changes from my local obsidian here directly to the web on my personal website. Below are some helpful tips & tricks I've collected to streamline the process.
For further tweaks and customization, adding in your own CSS is helpful. Digital Garden docs provides a helpful guide to[ notes icon customizing ](1. https://dg-docs.ole.dev/advanced/note-specific-settings/#note-icons)and how to find this in the source files.
##### Changing and adding icons
You can change and add your own icons the following way:
The ideal way to change the default icons is by adding the svgs in the img folder and setting the appropriate css vars in body in a[custom css file](https://dg-docs.ole.dev/advanced/adding-custom-components/#dynamic-css-scss):
To add new icons, let's say, for 'stone', add a snippet like this (and add the relevant svg) in a[custom css file](https://dg-docs.ole.dev/advanced/adding-custom-components/#dynamic-css-scss):
