Using iOS Notes as a CMS for a Micro Blog

I always thought that iOS Notes is the perfect app to take notes.

So, like any developer would, I decided to create a complex setup that allows me to create a website from my notes.

The Setup in a Nutshell

Here is the TL;DR:

It does not require any additional app, and the website is fully under your control. I used Eleventy, but you can send the notes to any other service (WordPress, for example, using the REST API) or as simple HTML.

iOS Shortcuts

This is the base of my setup.

An iOS Shortcut is configured to run daily; it takes the notes modified today and processes them.

I did not find a trigger that starts the Shortcut after a note is edited, but a daily task is good enough.

Processing Notes

I decided to use Eleventy for this blog, so there are a few things to do before committing the new files.

Frontmatter of my posts (sorry for the quality, the image is embedded in the note).

I use a Text action to add data to the frontmatter, and then another action converts this text to Base64.

Committing to GitHub

After converting the note content to Base64, I can send it to my repo using the GitHub API.

This requires creating a Personal Access Token, but it is not a difficult task.

A GitHub Action is configured to run on every commit, and it builds the Eleventy website.

Creating the Static Site with Eleventy

In theory, you could commit the notes as HTML and ignore this part of my setup, but Eleventy allows you to create a more complex static site.

Right now my blog is ultra minimal, but I have plans to make it more interesting.

Interesting Ideas

The Shortcuts app is quite interesting, and I find it powerful enough to do a lot of things.

For example, I'm creating a shortcut that uploads Health data (steps) to a repository for public access.

Link to the repo: here