This Blog does look simple static html and it actually is, but the backend is not as simple as it looks.

Image Description

  • The blog is being self hosted on an Oracle Cloud VPS using nginx server.
  • It’s using Hugo to generate static pages.
  • All the files (including the blog content) are open source and pushed to a github repo after any changes.
  • It’s using Github Actions to automatically fetch changes in the git repo and update on the website automaticallly.
  • I can write notes in Obsidian app and a local powershell script automatcally converts it into a blog post and pushes the changes to the github repo.
  • All the changes happen in real-time and automatically.

Workflow

  1. The Workflow starts from Obsidian (a note taking app) in Windows,

Image Description I can write any text in markdown format, add templates and add pictures to the note and they are saved as a .md file.

  1. Now I have created a powershell script in windows which does the following things :

Image Description

  • Syncs the contents of the Obsidian Blog Posts folder with the posts folder in local repo.
  • Runs a python script which automatically rename any images present in the .md file and places them in the appropriate directory in repo and also sets the proper path in the repo file.
  • Automatically commits and pushes changes to Github repo.

3. Now when the changes are pushed to the Github repo, we use Github workflows to automatically sync the repo to the server and rebuild the website using Hugo. Image Description

We can update the deploy.yml file to perform any type of action on the server after every time the repo is updated. Here we are just syncing the repo and rebuilding the website.

Overview

This blog is more like a personal journal than an actual tutorial website so expect to be confused by some personal references.

Design Inspiration?

I like clean and simple designs, often monochrome.

Why this blog?

idk, just felt like I need one :)