Blogging fun by Sergej Jevsejev

Hugo evaluation

· Read in about 3 min · (564 Words)

Hello web surfer!

This post about the evaluation of first impression what you get out of the box from Hugo with theme HugoUno proposed in QuickStart

Default Theme

HugoUno Theme

It looks OKish. I’m always curious and I checked straight away to the source

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <title> Hugo out of the box evaluation &middot; Blogging fun by Sergej Jevsejev </title>
    
    <link rel="stylesheet" type="text/css" href="http://localhost:1313/css/uno.min.css" />
    <link rel="stylesheet" type="text/css" href="http://localhost:1313/css/lightGallery.css" />
    
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png">
    <link rel="shortcut icon" href="/favicon.ico">
    
    <link href="" rel="alternate" type="application/rss+xml" title="Blogging fun by Sergej Jevsejev" />
    
    <script src="http://localhost:1313/js/jquery.min.js"></script>
    <script src="http://localhost:1313/js/main.min.js">
    </script>
</head>

First of all I am suprised to see HTML4 here. Hugo is relatively new thing and this theme was presented in QuickStart tutorial.

Lets see further:

  • It seems the responsive as promised, I expect pretty good User Experence - 99100. Desktop - 100100 for user experience
    HugoUno Theme Google Page Speed score for mobile
  • The bad thing 2 source files for CSS and 2 for JS. I checked further it is coming again from the theme it seems that this theme from perfect.
  • Theme supports various charts and galeries
  • In theme layout tag script is outside <body>
  • Noticed that SASS files are copied into public folder
  • CSS inside HTML
     </body>
     {{ partial "script.html" .}}
 </html>

Learnings

  • Need to change the theme as soon as possible to HTML5
  • Not all Hugo themes works out of the box. Check Hugo theme Showcase

Editing

Editing happens in the editor of your choice with Markup and it is LiveReloaded in the browser which is lovely. Here is Markdown Cheatsheet

Since I’ve learned the I an going to change the theme, the fact that the content is in Markdown will solve all the compatibility issues while switching it.

And YES I’m loving the side-by-side live reload editing

Hugo Live Reload

Some additional functionality I was happy about straight away:

  • Themes are extendable, you can extend any file. For example I needed to add custom JS script to script.html in the theme, I just created mine version of it in the project. themes/hugo-uno/layouts/partials/script.html extended by creating file layouts/partials/script.html. This way my tracking was there straight away
  • Hugo supports GA tracking out of the box . Async template didn’t work in v0.15 so I included manually in scrpt.html

Deployment experience

Deployment works like a charm. I deploy to AWS S3, and use aws sync to upload the content. No worries about servers, no worries about scaling - profit

SEO

I installed couple SEO extensions to check how blog is SEO ready: - Moz Bar - SET Site Tools

Findings

  • Meta Robots are not found
  • Meta Description not found
  • Failed CSS Validation: 36 errors 153 warnings
  • 2 H1 tags on the page - one is the name of the blog, another name of the post
  • Missing Keywords Tags
  • Canonical link found

Hmmm, yea, SEO is not the strong thing in default theme. I hope other themes are better. Probably I will endup having custom theme

Conclusion

Hugo platform is flexible in everyway, there is no problem of change existing themes, organizing files or adding images.

The first theme definitely changing the theme, most likely I will endup with custom theme, but since I’m not the designer, I’m grabbing another theme from Hugo theme showcase and enjoying blogging.

Was it a good choice? Would I choose it again after first experience with it? Yes, I would choose it.