Staticman Lab New Logos

StaticmanLab's new logoGitLab 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]

Minimal Jekyll Site with Static Comments

Setup Staticman v3 and Jekyll on GitHub Pages

Introduction This is the GitHub Pages version to my GitLab Pages with Staticman tutorial. I didn’t plan to test whether Staticman v3 work on GitHub since it’s proprietary. However, from Staticman issues #222 and #227, we know that the official server doesn’t respond to GET /v2/connnect/<USERNAME>/<REPONAME> To help others, I self-advertised my own Staticman API instance and the migration to GitLab pages. Unfortunately, nobody had managed to create a GitHub repo running on my API instance. [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 

Staticman API Hosting 2018

Step-by-step guide for free-hosting on Heroku

Goal To host an instance of Staticman v3 server on Heroku. This post involves server-side setup of the commenting system. If you simply want to have a taste of this system on GitLab, you may try my demo GitLab Page, and/or configure your GitLab repo (for your static web site) with my API instance. See the previous post in this series for a tutorial. I try to address some concerns about this API service in the introduction of this series to keep this page focused on the technical aspects of my customizations against staticman/dev branch. [Read More]

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]

Config GitLab Repo for Staticman

To keep focused on the technical setup, please refer to the introduction of this series for the reasons of choosing Staticman and GitLab. Goal To set up unauthenticated commenting system on GitLab pages. Demo GitLab Page with Staticman v3Built on 14/09/2018 This post aims at providing a walkthrough to the GitLab repo setup. If you want to host your own Staticman API instance, you may refer to the next post in this series. [Read More]

Welcome to static comments

Staticman Powered GitLab Pages

I put some “why” questions here so as to keep focus on the technical setup of the GitLab repo and the optional Staticman API server. Why static blogs instead of dynamic ones? quicker loading time better reliability (can handle more request) no database needed greater control on content, styles and layout Why static comments? allow feedback from visitors site owner owns the comment locally (unlike WordPress, Facebook, Disqus, etc) no remote database needed, so no need to worry server errors from third-party commenting services. [Read More]