I always wanted a little website for myself, mainly for having my links in one place, but later because I started writing articles. Ko-if is great but more and more I’m running into small unresolved issues with it, so I had to figure something out. I had a very templates site with Jekyll on github and later one with React and Typescript to learn those technologies, but overall none really clicked and I also migrated from GitHub due to their recent changes. These all gave a good opportunity to learn Codeberg, their pipelines and something new to handle a website for someone who is more back-end oriented.

Hugo comes in

Very cool and amazing friends were talking about this tool called Hugo for a while, and it caught my attentions. Not gonna lie, the fact it supports full markdown is amazing to me, as my Ko-fi articles hold code often and even after years, the still don’t have support for it. So one thing ticked off.

Cool templates, relatively easy setup and friends who already know some stuff around it helped a lot ot decide, so I jumped in, time to make something. There are parts of hugo that seem super confusing still (partials, tags, taxinomy) and the go scripts inside html is beyond me, so the internet is carrying a lot of weight here. Basic stuff can be thrown together relatievly fast, and the fact that it just reloads and works (most of the time -.-") is lovely. There is a nice article about deploying Hugo on Codeberg which helped a lot and basically lets you through almost every step you need.

Almost. I ran into a nasty issue, where the page flashed unstyled content before it loaded. Now. Is it a problem with me hosting on Codeberg? Could be, but I sadly lack the resources to do this myself at home. There is no Hugo specific error either on this other than a choice most theme creators already do, so was stumped a bit. I had to scour the internet for a solution, which is kinda jank, but it works. I set the body-s color to the background color of the webpage, then make it hidden and later attach a callback function to the body, so set it back to visible, once the whole document loads. This “solves” the problem by making it so that on slow connection the page just looks like it is loading, instead of being a broken mess.

Where to now?

I have added a Ko-fi widget to this site, you should be able to see it to the side <—- that way or on mobile it should be hovering on the bottom of your screen. My Ko-fi page is probably gonna do announcement posts that will point to this blog page and people still can use the widget to donate. I have a website that is controlled mainly by me only (Codeberg only hosts and builds), and if I ever want to move hosts, I can just move the whole repository! Future articles will have in-site code examples instead of pointing to gisthub as I’m planning on avoiding that as well. It is a questions if I’m making a repo here on Codeberg that will host the .md files for those snippets or if I reach out to someone for a hosted solution for them, time will tell.

For now, I hope you enjoyed this little announcement/writeup and see you next time! (and now I can just link the footer content of our usual posts, instead of having to do them one by one, hand by hand as on Ko-fi, lovely!)

HUGE thank you for my current supporters, Csöndi, Nerdy Teachers and Fletch! Thank you from the bottom of my heart!

If you want to support my work (or the eventually coming keyboard buying spree) you can do so with a price of a coffee! It really helps me find more time to do all this, and keep my hobby afloat.

Until the next article, take care, have a nice day!

PS. before I forget, if you are into the oldschool 88x31 buttons, and want to share my page on yours, feel free to use this button: