Infrastructure of my blog site 🗼

Thu, Feb 20, 2025

※updated Mars 13 ,2025

In the last article I explained how I built my blog. Actually, since this was my first project using a VPS, I’d like to briefly note about the overview of the infrastructure.

1. Hosting the system on a VPS

※VPS = Virtual Private Server

Connected my local environment to the VPS via SSH.

2. Setting up Docker and Portainer

Installed Docker and Portainer on the VPS.

Also installed Docker Desktop on the local machine.

3. Setting up Nginx Proxy Manager

To use https connection, I installed Nginx Proxy Manager on the VPS by Portainer.

4. Setting up Gitea

For the version controle of blog resources, I installed Gitea on the VPS by Portainer.

Set up DNS git.msano.ovh.

Also I did routing new DNS using with Nginx Proxy Manager.

5. Setting up Hugo

Hosted Hugo on the VPS by Portainer.

Set up DNS hugo.msano.ovh.

Also I did routing new DNS using with Nginx Proxy Manager.

6. Set up Remote SSH between local VSCode and VPS

To be able to edit the blog resources directly from VSCode.

7. Connecting Gitea with Hugo

Created and store public key in Gitea for the authentication between VPS and Gitea

Connected Gitea and content/posts via HTTPS to edit documents directly in Hugo.