example on Beautiful Hugo

Photoswipe Gallery Sample

youremail@domain.com (Some Person) — Mon, 20 Mar 2017 00:00:00 +0000

Beautiful Hugo adds a few custom shortcodes created by Li-Wen Yip and Gert-Jan van den Berg for making galleries with PhotoSwipe .

Sphere

Triangle

Big Image Sample

youremail@domain.com (Some Person) — Tue, 07 Mar 2017 00:00:00 +0000

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.

Math Sample

youremail@domain.com (Some Person) — Sun, 05 Mar 2017 00:00:00 +0000

KaTeX can be used to generate complex math formulas server-side.

$$ \phi = \frac{(1+\sqrt{5})}{2} = 1.6180339887\cdots $$

Additional details can be found on GitHub or on the Wiki.

Code Sample

youremail@domain.com (Some Person) — Tue, 08 Mar 2016 00:00:00 +0000

The following are two code samples using syntax highlighting.

Test markdown

youremail@domain.com (Some Person) — Fri, 20 Feb 2015 00:00:00 +0000

You can write regular markdown here and Hugo will automatically convert it to a nice webpage. I strongly encourage you to take 5 minutes to learn how to write in markdown - it’ll teach you how to transform regular text into bold/italics/headings/tables/etc. Here is some bold text Here is a secondary heading Here’s a useless table: Number Next number Previous number Five Six Four Ten Eleven Nine Seven Eight Six Two Three One How about a yummy crepe?