Comparaison of Two Docker Images for Hugo

Having importing the repo for the Hugo theme Introduction from GitHub to GitLab, I added the automatically generated GitLab CI config file and I ran job #135854407. $ cd exampleSite $ hugo --themesDir=../.. -d ../public hugo: /usr/lib/libstdc++.so.6: no version information available (required by hugo) hugo: /usr/lib/libstdc++.so.6: no version information available (required by hugo) The build succeeded with the above message. To suppress it, a switch to another CI runner will do. [Read More]

Staticman Lab New Logos

StaticmanLab's new logo GitLab logo recreated from Wikimedia's logo by Darby under CC-BY-SA 4.0 and Staticman logo on GitHub by Erlen Masson under MIT. The old icon for Staticman Lab was made by GIMP from Staticman’s icon in PNG in the GitHub repo. Recently, I’ve found the SVG version of this icon. To serve customers better, I’ve recreated the logo from this SVG file so that the edges in the logo become sharper. [Read More]

Nested Comments in Beautiful Hugo

Quick links A minimal demo site on GitLab (Source) Beautiful Hugo pull request 222 Pre-release notes for this pull request Motivation For the mathematical ones, please see my previous post. As a math student, it’s inefficient to reinvent the wheel like engineering students. Thanks to three existing examples, I had convinced myself that I could bring this to the theme Beautiful Hugo. Zongren’s Hexo theme (worked best) Made Mistakes Jekyll theme Network Hobo’s customization of Beautiful Hugo (inspired by the second one, but contains a logic error) [Read More]

Interactive Blog on Static Web Host

Vision gain autonomy: freedom is the basis of moral actions. No freedom, no morality. transcend ourselves: change/improve our lives through free thoughts Goal Convert our free thoughts into free code. Free code allows users around the world to run and/or improve them. This would bring real enhancement to our tools. For example, beautiful math writing used to be a complicated process. A decade ago, this required the installation of a typesetting engine called $\LaTeX$. [Read More]

Custom $\KaTeX$ Macros

More efficient math editing

Background Same as the last section in Beautiful Hugo Improvements. Goal To write math efficiently by automatically loading longer code with shorter macro code. For example, when I wrote Some Infinite Cardinality Identities, it would be ten times more quicker and efficient to type \card{C} than to write \mathop{\mathrm{card}}(C) all the time. Changes committed to my repo The current version of Beautiful Hugo is still using $\KaTeX$ v0.7, which doesn’t support macros in auto-rendering. [Read More]
Hugo  KaTeX  math 

Better Hugo ToC Fix

A JavaScript free way to improve default ToC

Background

I applied a fix to Hugo’s ToC ten days ago.

Drawbacks

To make the script non-render blocking, one has to place it in the footer. As a result, it takes about 0.2 seconds to remove the excess <ul> tag.

Solution

Thanks to Beej126’s Hugo template code, this site delivers table of contents processed by Hugo during GitLab’s continuous deployment.

Hugo 

Fix Hugo Table of Contents

Removal of wrapping HTML tag in JavaScript

Background (TL;DR) While setting up the new version of Staticman for my demo GitLab pages, I’ve read developers’ documentations, setup guide and some community blog posts so as to come up with my own guide. It’s originated and inspired from a variety of sources, and refined according to hours of testing. Consequently, despite the original intention to keep things simple, I’ve finally come up with a post with over a thousand words. [Read More]

Beautiful Hugo Improvements

Some bug fixes, Font Awesome 5, and more ...

Fixed issue #142 Two weeks ago, Google Webmasters complained about the broken urls in this blog’s Tags page. This was reported by Joakim Vivas as issue #142 half a year ago. Pascal had submitted pull request #165 to fix this. However, he self-closed his PR. Since the last commit by Michael Romero, Beautiful Hugo’s owner, was five months ago, it seems that he has abandonned his project. Therefore, I used Kaushal Modi’s solution to fix this at commit ff536782. [Read More]
hugo 

Brighten Image With GIMP

Motivation One loves adding colors to his/her life by adding stunning photos to his/her social media profile. However, due to various constraints, such as weather, budget and time, it’s possible that the photos taken look dark and somber. Eglise St Martine Photo taken at Pont-du-Château, Puy-de-Dôme (63) on 30th June, 2017 Despite a suboptimal choice of camera angle, a right tool enables you to take the best out of the photo. [Read More]

Hugo Image Path Refactoring

Make the best of Hugo page resources

Goal To set up a reasonable content structure for my blog. Before Hugo In my old Octopress blog, images and posts were placed under source/images/posts and source/_posts folders respectively. They were so far apart that I needed to use copy and paste the URL’s so as to get them right. As the size of the blog grew, I could hardly retrieve an image without first listing the files in the post image folder. [Read More]
Hugo