How to create your personal site

I want my first blog post to be about how to create a personal site with a blog on GitHub pages. A personal site is a great thing:

• you have exposure
• you have a site project
• you can brag about it (easily the most important argument)
• you learn something new

So what did I do?

TL;DR:
I built my own site with simple HTML (and the help of v0.dev) and added a blog to it with Hugo.

v0

v0 is an AI website generator. Just like with stable diffusion, you can give v0 an explanatory sentence of how your website should look and it’ll generate you a full static website. You get three choices with their styled React or HTML code. Once you’ve evaluated the options, you can pick the one you like best and make some adjustments. Before you know it, you’ll have a very nice-looking personal site.

Hugo

Hugo is a popular open-source static site generator. It’s designed to build websites quickly by converting content written in Markdown to static HTML sites. I decided to host my Hugo blog on the /blog/ route, which meant I had to set the baseURL in the configuration and the GitHub Code Action accordingly. Now you just have to choose a theme and you can generate the sites with the Hugo command line tool.

Summary

Building a personal site with Hugo as a static site generator and a simple HTML landing page is pretty easy and with a little help of v0 the page looks great. If you don’t have a personal page or want to start a blog I can just recommend to try this setup. There’s no reason not to make your own website and have some fun with it!