Notion app logo
Struggling to stay organized and effective? Learn to master your time and tasks with the Effectively Notion course!

Publishing my website from Obsidian files with Dropbox

How I use Obsidian, Dropbox and Vercel to write and publish my website

2022-07-20

Over the weekend I figured out how to integrate my Obsidian vault with Dropbox and publish my Dropbox files.

Any Obsidian document with type: Post and status: Published in the Markdown's YAML Frontmatter will be published to my website's posts.

Why this workflow?

I wanted to achieve a few things with this workflow:

  • Ease of writing (write in Obsidian)
  • Keep all my thoughts in one place
  • Ease of publishing
  • Use a file system (Dropbox) that has an API so I can publish as a part of my build

I've been using Obsidian for the past year and have lots of thoughts captured in it. I have been publishing posts from Dropbox but from a different folder that I had to edit in VS Code instead of Obsidian.

This left my fledgling notes disconnected from the articles I would post.

What's next?

I'd also like to create some new collection types to publish other than posts.

I'd like to start publishing my favorite hikes, climbs, gear and apps. I'd also like to start publishing my fledgling notes and snippets.

I've got over 2,000 files at the time of writing in my Obsidian vault and a lot of them could benefit other people in some way.

This post was written and published from my iPhone using Obsidian and redeploying Vercel!

what's missing?

  • I'm not pulling images from my Obsidian vault yet
  • Remark doesn't parse Obsidian image links
  • Mentioned links that aren't public will 404 (instead of just removing the link)
Photo of Chase Adams

Hey, I'm Chase. I help aspiring entrepreneurs and makers turn their ideas into digital products and apps.

Freebies

Vector Arrow Scribbles
banner image for figma vector arrows scribbles

A figma community project of vectorized hand-drawn arrows.

Go To Figma
Vector Line Scribbles
banner for figma vector line scribbles

A figma community project of vectorized hand-drawn lines.

Go To Figma
Vector Shape Scribbles
banner image of figma vector shapes scribbles

A figma community project of vectorized hand-drawn shapes.

Go To Figma

Subscribe to my Newsletter

Every other week I publish the Curiously Crafted newsletter.

In it, I explore the intersection of curiosity and craft: the people who make stuff, what they make and the way they pursue the craft of making.

Online

I'm on almost all social media as @curiouslychase.

The curious logo of Chase Adams: glasses and a bow tie.stay curious.