How I Built My Personal Website for Free with Hugo

Static Site Generators CMS Cloud Computing

Google Search Console Landing Page

1

Google Search Console

Google Webmaster Tools provides you with detailed reports about your pages' visibility on...

Submitting your site to Google Search Console can speed up indexing. Remember to submit the sitemap to speed up indexing furthermore.

#SEO Tools #SEO #Content Marketing 106 social mentions
RealFaviconGenerator.net Landing Page

2

RealFaviconGenerator.net

Favicon generator for the mobile era.

Go to Favicon Generator, upload an image, download the files, unzip them, and copy all the files into the static folder. Then refer to the theme documentation to see how to set the favicon.

#Web Icons #Graphic Design Software #Favicon 51 social mentions
GitHub Pages Landing Page
3

GitHub Pages

A free, static web host for open-source projects on GitHub
Pricing:
- Open Source
There are many platforms for Static Site Hosting, including GitHub Pages, Netlify, Cloudflare Pages, etc. I chose Cloudflare Pages for a simple reason: its free plan has the fewest restrictions. It even has no bandwidth limit!

#Static Site Generators #Developer Tools #Cloud Computing 492 social mentions
Cloudflare Pages Landing Page

4

Cloudflare Pages

Deploy blazing fast static sites and serverless functions.

There are many platforms for Static Site Hosting, including GitHub Pages, Netlify, Cloudflare Pages, etc. I chose Cloudflare Pages for a simple reason: its free plan has the fewest restrictions. It even has no bandwidth limit!

#Developer Tools #Static Site Generators #Cloud Computing 142 social mentions
Hugo Landing Page
5

Hugo

Hugo is a general-purpose website framework for generating static web pages.
Pricing:
- Open Source
My previous website used the Gatsby framework, for a simple reason: I am very familiar with React, so I thought customization would be easier. However, I later realized I didnt have time to maintain a bunch of Typescript and Javascript, which made me reluctant to update my website. This time, I choose Hugo. Maintaining a small amount of Go Template is easier, and I am familiar with Golang, too.

#Static Site Generators #Blogging #Blogging Platform 384 social mentions
DISQUS Landing Page
6

DISQUS

Disqus is a global comment system that improves discussion on websites and connects conversations across the web.
Pricing:
- Freemium
- $10.0 / Monthly (Up to 50,000 total daily pageviews)
Since our site is a static site, we need to rely on external services to provide a comment system. The most famous one is Disqus. However, its free plan forces use to show a lot of ADs to the users, which I dont like. So I chose giscus, which uses GitHub Discussions as the storage place for comments. The only downside is that it doesnt allow users to log in and comment with Google or social media accounts like Disqus does, but since my articles are mostly technical, people reading them are likely to have a GitHub account, so its not a big issue.

#Social Networks #Project Management #Feedback 40 social mentions
decapcms.org
7

Decap CMS

Open source content management for your Git workflow
Pricing:
- Open Source
Its inconvenient to have to sit in front of a computer and open a text editor to write a blog post every time. A common solution is to use a CMS (Content Management System). I used to use Decap CMS (formally Netlify CMS), but it wasnt very convenient for connecting to a GitHub repo, and it didnt generate a blank line between YAML frontmatter and the body, which sometimes caused issues. So this time, I used Tina CMS. Fortunately, Tina Cloud is free for up to two users.

#CMS #Static Site Generators #Website Builder 6 social mentions