Blog on Blog - uTIcARdI

Hugo-Customization

Wed, 06 Feb 2019 00:00:00 +0000

A list about how I customize Hugo and why I did the change, the post will be updated continuously.

1. fractions

Network Engineer should care about this, because it shows wrong IP/mask format with default value:

fractions with default value

Disable it in config.toml:

[blackfriday]
 fractions = false

2. hrefTargetBlank

This default value of the option is false which means external links(The wording was corrected to “absolute” from ’external’ on Hugo official doc). I prefer to change the value to true.

Hugo-Versioning

Sun, 27 Jan 2019 00:00:00 +0000

Hugo provides the detail instructions about how to deploy it on different environment.

At first, I followed Deployment of Project Pages from /docs folder on master branch, and put all files in one repository.

I continue to check Deployment of Project Pages From Your gh-pages branch after I did some customization on hugo-theme-cleanwhite and want to publish the change to the forked branch.

Instead of the follow Hugo guide, I did some try myself. I searched “change a subfolder to another repository and found the article: Moving Files from one Git Repository to Another, Preserving History but its case is:

Hugo-Images management

Fri, 25 Jan 2019 00:00:00 +0000

I introduced why I migrate my blog to github and Hugo here. Most of articles have been moved to here in 30 days. Next, I just want to talk about something about posts’ images management, versioning, theme customization/something about SEO.

Before start

All images will be compressed before I upload them for the post. Many tools that could do this, such as tinypng, UPNG. My choice is Tinypng because it supports variety formats and its API.

img compression (20M to 5.1M)

Tinypng’s APIs can be called by Python-Requests in this way:

import os
from os import path
import requests
from requests.auth import HTTPBasicAuth

def picopt(root_path, apikey):
 for f in os.listdir(root_path):
 fullurl = os.sep.join([root_path, f])
 if path.isdir(fullurl):
 picopt(fullurl, apikey)
 else:
 if fullurl.endswith(('.DS_Store', '-opt.png', '-opt.jpg', '-opt.jpeg')):
 print('ignore ' + fullurl)
 continue
 print('processing ' + fullurl)

 with open(fullurl, 'rb') as imgf:
 content = imgf.read()
 res = requests.post(
 auth=HTTPBasicAuth("api:%s" %(apikey), ''), url='https://api.tinify.com/shrink', data=content)
 print(res.json())
 optimgurl = res.json()['output']['url']
 # print(optimgurl)
 res = requests.get(
 auth=HTTPBasicAuth("api:%s" %(apikey), ''), url=optimgurl)

 filename, filetypestr = fullurl.rsplit('.', 1)
 optfullurl = '-opt.'.join([filename, filetypestr])
 with open(optfullurl, 'wb') as fd:
 for chunk in res.iter_content(chunk_size=128):
 fd.write(chunk)
 print('optimized img file: ' + fullurl)

if __name__ == "__main__":
 devkey = ''
 postimgsfolder = ''
 picopt(postimgsfolder, devkey)

Hello World

Tue, 01 Jan 2019 00:00:00 +0000

Hello World!

Thanks

Hugo
Git Page
hugo-theme-cleanwhite I did some changes on the theme, will share it after testing.

I spend days and finally get this Blog runs up. In the next days, will move the posts from WordPress: hanbaobao2005.WordPress.com to here.

Happy Holidays :-)

Update at Jan-26-2019:

I have been running blogs for years, started at NetEase(NetEase shut down its blog service at Nov-30-2018), then to Blogger(The blog was closed), and WordPress after Blogger was blocked within China. I setup the blog on Git Page and Hugo because I still unable to get used to the WordPress editor even I have used it for more than 2 years.