This free plugin instantly turned my Obsidian notes into a beautiful website


A premium Obsidian subscription gives you access to Obsidian Publish, a platform where you can publish Obsidian vaults as websites. You can write in Markdown, hit publish, and the platform will automatically publish it as a website. However, if you don’t want to buy the subscription, there is a way to get this exact feature for free.

Digital garden converts your vaults into websites

It’s free, open-source, and endlessly customizable

The Obsidian community has built some truly amazing plugins for this equally amazing markdown app. Some of them even replicate the many paid features you get for the premium Obsidian subscription. You can sync notes across devices for free with the Remotely Sync plugin, for example. You can also publish Obsidian vaults as websites using a plugin called Digital Garden.

All you need to do is install the plugin, set it up once, and just click a button on the sidebar to publish or update your website. The vault will look like any normal vault. You can create links between notes like you usually would. Format your notes in Markdown and publish them as static webpages.

Publishing Obsidian notes as webpages. Credit: oleeskild/GitHub

The note titles become the web page titles. You don’t even have to publish all the notes in the vault because only pages with a special header tag are candidates for publishing.

Two ways to publish your vaults

The easy way and the self-hosting way

Before you get started, you have to pick one of two paths.

The creator of the plugin provides a platform called Forestry.md where you can host the website for free. It’ll also provide you with a free domain name. The address would look something like yourblog.forestry.md. Pretty neat. All you need to do is sign up for Forestry.md and grab the random key it generates (more on that in a few). Plug that key into Obsidian, and it’ll connect with your Forestry.md account right away.

The Digital Garden plugin can publish Obsidian notes as websites.

It takes a minute or two to sign up and get the key. You can have your website live within a few minutes. However, Forestry.md is a freemium service, so some features are locked behind a paywall.

You can change the theme, website name, and publish as much as you want, but it’ll ask you to upgrade for things like removing the Forestry.md footer, previewing changes before committing them, or using custom domains. There’s a 100MB storage limit too (which is plenty for text-only notes.)

If you want absolute control, you can host and deploy the website yourself. This setup will take a bit longer, and some work, but you will have total control to make your site look and behave exactly how you want. You can use GitHub to create a new repo and deploy it on Vercel or Netlify. It’s also completely free of charge. The official repo for the plugin explains the self-hosting process in detail.

Pick Forestry.md if you want an easy setup. Self-host with GitHub if you want to tweak things and don’t want to pay for features like custom domains. If you want my recommendation, I think it’s a good idea to start with a free Forestry.md account and give it a try. You can always move your site to GitHub later if you feel the need to.

Get your Obsidian site up and live

It only takes a few minutes

I suggest creating a new vault for this project, but you can just as easily publish an existing vault. Open Settings > Community plugins. You might have to turn off “Restricted mode” if you haven’t installed community plugins before. Look for the “digital garden” plugin in the search bar and install it. Once it’s installed, click Enable and then Options.

Click the drop-down menu next to Publish Platform and select Forestry.md. Then open your browser and follow this link to the Forestry.md website and sign in with a new account. You can use GitHub to log in, if you have it. Under the Overview tab, you’ll see a Reveal Garden Key button. Click it and copy the text key it generates.

Now back in the Digital Garden options, you’ll see a Garden Key field. Paste the key you copied here and try connecting to the platform. It should connect right away and your base URL should show up in the Digital Garden settings. This is the homepage of your website.

At this point, you can start publishing your notes. You can customize it first if you like. You can change the site name under the Site Settings tab on the Forestry.md dashboard. If you don’t, the website title (not the domain name) will default to “Digital Garden.” You can also choose from some 400 free themes.

Publishing your first note

Just include a text tag and hit publish

Publishing notes is pretty straightforward. The title of the note becomes the title of the page. Include this tag at the top of the note, so the plugin knows you intend to publish it as a webpage.

---
dg-publish: true
---

You’ll want one of your notes to be the website’s homepage. In that main note, include this extra tag. Don’t tag multiple notes with the dg-home property because the plugin only publishes a single homepage.

---
dg-home: true
dg-publish: true
---
Publishing a note from Obsidian.

To link pages and create backlinks, just type [[ to create a link like you normally would. Alternatively, you can highlight text, right-click, and select “Add Link.” All other formatting and linking features work normally too.

A linked page under construction.

Obsidian-1

OS

Windows, iOS, Android, macOS, Linux

Brand

Obsidian

Price

$4/month (Sync), or $8/month (Publish)

Free trial

Free version available



Markdown is perfect for simple blogs, wikis, and portfolios

Your Obsidian vault can double as a CMS for your blog. It saves you the hassle of duplicating and reformatting your notes or documentation for the web.



Source link

Leave a Reply

Subscribe to Our Newsletter

Get our latest articles delivered straight to your inbox. No spam, we promise.

Recent Reviews


Google Maps has a long list of hidden (and sometimes, just underrated) features that help you navigate seamlessly. But I was not a big fan of using Google Maps for walking: that is, until I started using the right set of features that helped me navigate better.

Add layers to your map

See more information on the screen

Layers are an incredibly useful yet underrated feature that can be utilized for all modes of transport. These help add more details to your map beyond the default view, so you can plan your journey better.

To use layers, open your Google Maps app (Android, iPhone). Tap the layer icon on the upper right side (under your profile picture and nearby attractions options). You can switch your map type from default to satellite or terrain, and overlay your map with details, such as traffic, transit, biking, street view (perfect for walking), and 3D (Android)/raised buildings (iPhone) (for buildings). To turn off map details, go back to Layers and tap again on the details you want to disable.

In particular, adding a street view and 3D/raised buildings layer can help you gauge the terrain and get more information about the landscape, so you can avoid tricky paths and discover shortcuts.

Set up Live View

Just hold up your phone

A feature that can help you set out on walks with good navigation is Google Maps’ Live View. This lets you use augmented reality (AR) technology to see real-time navigation: beyond the directions you see on your map, you are able to see directions in your live view through your camera, overlaying instructions with your real view. This feature is very useful for travel and new areas, since it gives you navigational insights for walking that go beyond a 2D map.

To use Live View, search for a location on Google Maps, then tap “Directions.” Once the route appears, tap “Walk,” then tap “Live View” in the navigation options. You will be prompted to point your camera at things like buildings, stores, and signs around you, so Google Maps can analyze your surroundings and give you accurate directions.

Download maps offline

Google Maps without an internet connection

Whether you’re on a hiking trip in a low-connectivity area or want offline maps for your favorite walking destinations, having specific map routes downloaded can be a great help. Google Maps lets you download maps to your device while you’re connected to Wi-Fi or mobile data, and use them when your device is offline.

For Android, open Google Maps and search for a specific place or location. In the placesheet, swipe right, then tap More > Download offline map > Download. For iPhone, search for a location on Google Maps, then, at the bottom of your screen, tap the name or address of the place. Tap More > Download offline map > Download.

After you download an area, use Google Maps as you normally would. If you go offline, your offline maps will guide you to your destination as long as the entire route is within the offline map.

Enable Detailed Voice Guidance

Get better instructions

Voice guidance is a basic yet powerful navigation tool that can come in handy during walks in unfamiliar locations and can be used to ensure your journey is on the right path. To ensure guidance audio is enabled, go to your Google Maps profile (upper right corner), then tap Settings > Navigation > Sound and Voice. Here, tap “Unmute” on “Guidance Audio.”

Apart from this, you can also use Google Assistant to help you along your journey, asking questions about your destination, nearby sights, detours, additional stops, etc. To use this feature on iPhone, map a walking route to a destination, then tap the mic icon in the upper-right corner. For Android, you can also say “Hey Google” after mapping your destination to activate the assistant.

Voice guidance is handy for both new and old places, like when you’re running errands and need to navigate hands-free.

Add multiple stops

Keep your trip going

If you walk regularly to run errands, Google Maps has a simple yet effective feature that can help you plan your route in a better way. With Maps’ multiple stop feature, you can add several stops between your current and final destination to minimize any wasted time and unnecessary detours.

To add multiple stops on Google Maps, search for a destination, then tap “Directions.” Select the walking option, then click the three dots on top (next to “Your Location”), and tap “Edit Stops.” You can now add a stop by searching for it and tapping “Add Stop,” and swap the stops at your convenience. Repeat this process by tapping “Add Stops” until your route is complete, then tap “Start” to begin your journey.

You can add up to ten stops in a single route on both mobile and desktop, and use the journey for multiple modes (walking, driving, and cycling) except public transport and flights. I find this Google Maps feature to be an essential tool for travel to walkable cities, especially when I’m planning a route I am unfamiliar with.


More to discover

A new feature to keep an eye out for, especially if you use Google Maps for walking and cycling, is Google’s Gemini boost, which will allow you to navigate hands-free and get real-time information about your journey. This feature has been rolling out for both Android and iOS users.



Source link