Tutorial

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. ...

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 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. ...