Building a personal website can be a rewarding project, providing a platform to showcase your work, share your thoughts, and create an online presence. In this blog post, I’ll walk you through my journey of building a personal website using GitHub Pages, purchasing a domain from Alibaba, and utilizing the Hugo framework.
GitHub Pages is a fantastic service for hosting websites directly from a GitHub repository. Here’s how I set up my site:
personalWebsite
.To give my website a professional touch, I decided to purchase a custom domain. Alibaba Cloud offers reliable domain registration services:
walkerwang.com
.CNAME
record pointing to my GitHub Pages URL.Hugo is a fast and flexible static site generator written in Go. It’s perfect for creating static websites with ease. Here’s how I used Hugo:
hugo new site my-site
, I created a new Hugo site.themes
directory of my site.content
directory. Hugo uses markdown, making it easy to format text and create pages.hugo.toml
file to set site parameters, theme configuration, and other settings.hugo
, I generated the static files for my site. These files were placed in the public
directory.With everything set up locally, the final step was to deploy the site to GitHub Pages:
By following these steps, I successfully built and deployed my personal website using GitHub Pages, a custom domain from Alibaba, and the Hugo framework. This setup not only provides a professional look but also offers a seamless workflow for updating and managing the site. If you’re considering building your own website, I highly recommend this approach.