Under construction

Draft

Creating an efficient toolchain to deploy Obsidian on a Website

❝ Let’s build an automated workflow to convert Obsidian notes into a website. ❞

To do list

• Setup the toolchain : Obscidian –> Hugo Local
• Setup the toolchain : Hugo Local –> Hugo Website (on infomaniak server)

(draft of my old un-polished notes)

• Deploy a template Hugo based website :
  • Get a template hugo based website and run it on the dev. PC
  • Setup a versioning structure via github for (i) the website development files, and (ii) to compiled website files
  • Understand how (infomaniak) servers work
  • Link the server to GitHub to automate the website updates
• Report and document all those
• Automate notes transfert from Obsidian to Hugo
• Tune the Hugo theme to match my needs

Motivation

• Sharing my experience
• Gaining in visibility to open opportunities (just lost my job -_-’ ).
• Understand on how a websites are made and deployed.
• Understand how to manage a server via a practical and cool project.

Choices

• Infomaniak for the servers mainly because it’s Swiss based servers - I must support the cause.
• Hugo for the website framework to build the website because it’s open-source, I can run it locally, I can deploy it where I want, it’s a very good alternative to workspace with less interfaces and more code (much more powerful to get support from AI)
• Python for the automation scripts. I need an easy language and I need high performances

Skills trained & developed

• GitHub repository management
• Basic servers management for website deployment
• Hugo framework
  • css, etc
• Python for automated files management and conversion
• Vibe coding - I used AI to assist me in all those takes

Sources

• https://www.youtube.com/watch?v=dnE7c0ELEH8 - Very good video where a blog pipeline deployment is presented. It was my starting point for this project
• https://github.com/devidw/obsidian-to-hugo - An good obsidian to hugo tool that I updated to also manage images