Hugo

Steps 1. Install rssh Install rssh to limit shell activity for users using the shell rssh: sudo apt-get install rssh Now edit the config file /etc/rssh.conf to allow scp and rsync: allowscp allowrsync #allowsftp #allowcvs #allowrdist #allowsvnserve NOTE: Since you are going through SSH, you don’t need to enable firewall rule for rsync. # DO NOT RUN this: sudo ufw allow rsync # You can safely run this: $ sudo ufw delete allow rsync 2.

Nowadays getting HTTPS is no longer expensive. GitHub provides free HTTPS for your GitHub pages and you can choose to enable in the Settings for each of your repository: The benefits of this is multi-fold: Better security for your readers Better SEO for your pages Styles will not degrade because when loading from HTTPS, no insecure HTTP styles and scripts are allowed. You can however load scripts and styles served via HTTPS on your HTTP pages If you are using a blogging engine like Hugo, remember to change our baseURL to HTTPS or your readers will moan and groan about ugly face of your page without make ups from CSS & Javascript:

Challenge Earlier today I had difficulty integrating with Facebook Open Graph and called their Open Graph Debugger for help. I also used Twitter Card Validator to verify if the page can be rendered as a Twitter card. There were still missing pieces from meta data. The complete Open Graph and Twitter card meta data would look like this: <!-- Provide absolute URLs --> <meta name="title" content="Page Title for Search Engines Results | Website Name" /> <meta name="description" content="Page Description for Search Engine Results" /> <meta property="og:title" content="Page Title for Facebook" /> <meta property="og:description" content="Page Description for Facebook" /> <meta property="og:image" content="https://www.

Blogging engines such as WordPress and Ghost should take care of images and Facebook Open Graph integration for you. Unfortunately, that’s not the case with Hugo and Octopress. I did a bit of googling and found that we need to have a meta tag og:image in the header for Facebook to show your image when posting. Meta-tags for HTML Header <!-- Provide absolute URLs --> <!-- Sample from https://rickmanelius.com/article/sharing-facebook-how-improve-your-results-customizing-image-title-and-summary-text --> <meta name="title" content="Page Title for Search Engines Results | Website Name" /> <meta name="description" content="Page Description for Search Engine Results" /> <meta property="og:title" content="Page Title for Facebook" /> <meta property="og:description" content="Page Description for Facebook" /> <meta property="og:image" content="https://www.

From the previous post, you already know how to use a Hugo theme, write a new entry. Now you want to add tags, permalinks and images for better reading experience. Add Permalinks & Tags By default Hugo does not give you tags, categories and permalinks. This can be quickly remedied by updating your config.toml file: baseURL = "http://vietlq.github.io/" languageCode = "en-us" title = "Viet's Blog" theme = "hugo-geo" [permalinks] post = "/:year/:month/:day/:title/" [taxonomies] category = "categories" tag = "tags" [params] # To satisfy hugo-geo theme header = "Viet's Blog" Author = "Viet Le" Now add tags = ["go", "hugo", "git", "blog", "config", "setup"] to front matter of your entry.

Yesterday I spent a couple of hours to set up and config Octopress. It was a good hacking experience and Octopress architecture and design proved overly complex and inconsistent with Jekyll’s simplicity that it built on. There’s no simple way to use a Jekyll theme with Octopress. Apart from that, Octopress has not been in good health since 2015, there were few commits and changes, it’s literally dying. So today I decided to make a bold move to search for new static site generators.