Hugo on MIZE

Hugo

Mon, 01 Jan 0001 00:00:00 +0000

Hugo is a popular static site generator written in the Go programming language. It is a tool that builds websites from your content files defined as simple text files (usually Markdown, but also Emacs Org Mode or AsciiDoc). The you run hugo build, and it generates a folder of plain HTML, CSS and JavaScript files ready to be hosted on the internet.

Installing Hugo

In macOS, you can install Hugo using Homebrew.

Hugo: Adding Support to TeX

Mon, 01 Jan 0001 00:00:00 +0000

The KaTeX library allow you to enable TeX support to your hugo website. The library supports all major browsers. TeX syntax allows us to write mathematical formulas and scientific symbols easily.

$$ \int_a^b f(x) dx $$

Installing

To install, we just need to import the library files from some CDN to our Hugo website. One way to do this is using the Hugo partials which allow us to import small HTML context.

Hugo: Adding Support to HTML Canvas

Mon, 01 Jan 0001 00:00:00 +0000

This post walks through how to add an HTML Canvas to a Hugo site, with additional guidance on including external JavaScript libraries from a CDN, such as Three.js to render the cube shown below:

Hugo Shortcodes

Adding support to a new HTML DOM in your Hugo site is possible using Hugo shortcodes. Which is a way to add custom HTML elements to your website like image, video, and HTML canvas. The shortcode is a HTML template invoked within markup, accepting any number of arguments.