Website Creation Journey

Goal

Create a website where I’m be able to post blog style content in the pursuit to improve my writing capabilities as well as organize my thoughts and opinons on the things that interest me.

Implementation

• Created using Hugo static HTML generator! https://gohugo.io/
• Docker containerized nginx server.
• The website uses the custome theme ‘smol’ by colorchestra. https://github.com/colorchestra/smol
• Emojis = ✔️

How I got here

Discovered the HTML static site generator Hugo online and found it very intersting and almost exactly what I was looking for to quickly setup a blog web app. Web development and scripting are both required to use Hugo effectively. Currently, I am using the free Visual Studio Code software as my IDE. I have it setup with it’s Remote SSH extention which I can use to remotely connect to the host and update the website files live. This is a lot better than using nano or vim on the host itself! 😄

Here is a snippet of the script I use to restart the website to reflect my latest changes:

#!/bin/bash

hugo
docker stop <name of container>
docker remove <name of container>

docker compose up -d

As you can see, I am using a Docker container that starts with a compose file to run the web server that hosts the website Hugo is building for me. The way Hugo works is the site is generated via Markdown files which are much easier to compose & format. To write the contents of this website, I used an online editor called Dillinger - https://dillinger.io/