Setting up blog with hugo & vercel

Apr 30, 2020 in BLOG • HUGO
1 min read

I am playing with Hugo trying to get a blog up and running with it. I have following TODO items in mind with my blog:

get a clean theme
get code preview
maybe comments support something?
deployment of theme and any custom code with Vercel formerly known as Zeit.

Get Theme

I end up choosing hyde-hyde due to it’s slick clean look. After that I explore how to make sidebar links work. Changed social media links and make those posts page work. Following links helped me to achieve that.

hyde theme on github.

Code Snippet

Hugo has builtin support for code snippet. So I change every blog post to match what Hugo needs. Documentation provide few styles to enable code snippet support for different languages.

config.toml

1
2
3


    [params]
    highlightjs = true  
    highlightjsstyle = "github"

Web CMS

I am using forestry.io to edit my posts online and each edit in turn trigger the build to generate static site and deploy it on vercel.

Comments

Using for comment management it’s fairly simple once you figured out what part you need to modify in config file. Read more