Photoswipe Gallery Sample
Making a Gallery
Beautiful Hugo adds a few custom shortcodes created by Li-Wen Yip and Gert-Jan van den Berg for making galleries with PhotoSwipe .
[Read More]
Big Image Sample
Using Multiple Images
The image banners at the top of the page are refered to as “bigimg” in this theme. They are optional, and one more more can be specified. If more than one is specified, the images rotate every 10 seconds. In the front matter, bigimgs are specified using an array of hashes.
[Read More]Math Sample
Using KaTeX
KaTeX can be used to generate complex math formulas. It supports in-line math using the \\( ... \\)
delimiters, like this: \( E = mc^2 \). By default, it does not support in-line delimiters $...$
because those occur too commonly in typical webpages. It supports displayed math using the $$
or \\[...\\]
delimiters, like this:
Formula 1: $$ \phi = \frac{(1+\sqrt{5})}{2} = 1.6180339887\cdots $$
Formula 2: (same formula, different delimiter) \[ \phi = \frac{(1+\sqrt{5})}{2} = 1.6180339887\cdots \]
Additional details can be found on GitHub or on the Wiki.
[Read More]Code Sample
Using Hugo or Pygments
The following are two code samples using syntax highlighting.
[Read More]