Posts on Hugo IRIS Theme

Reveal.js Support

Fri, 03 Jan 2020 01:00:00 +0000

Reveal.js

The Html Presentation Framework

Created by Hakim El Hattab and contributors.

Hello There

reveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do.

Vertical Slides

To be developed.

Slide Overview

Press ESC to enter the slide overview.

Point Of View

Hold down the alt key (ctrl in Linux) and click on any element to zoom towards it using zoom.js . Click again to zoom back out.

mermaid Graph Support

Thu, 02 Jan 2020 01:00:00 +0000

mermaid

mermaid-js/mermaid: Generation of diagram and flowchart from text in a similar manner as markdown

Example

Input

Use mermaid shortcode.

{{< mermaid >}}
sequenceDiagram
 participant Alice
 participant Bob
 Alice->>John: Hello John, how are you?
 loop Healthcheck
 John->>John: Fight against hypochondria
 end
 Note right of John: Rational thoughts <br/>prevail!
 John-->>Alice: Great!
 John->>Bob: How about you?
 Bob-->>John: Jolly good!
{{< /mermaid >}}

Output


sequenceDiagram
 participant Alice
 participant Bob
 Alice->>John: Hello John, how are you?
 loop Healthcheck
 John->>John: Fight against hypochondria
 end
 Note right of John: Rational thoughts 
prevail!
 John-->>Alice: Great!
 John->>Bob: How about you?
 Bob-->>John: Jolly good!

MathJax Support $E=mc^2$

Wed, 01 Jan 2020 01:00:00 +0000

MathJax

mathjax/MathJax: Beautiful math in all browsers

Inline Example

Input

Inline $E = mc^2$

Output

Inline $E = mc^2$

Basic Example

Input

$$
\sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6}
$$

Output

$$ \sum_{i=0}^n i^2 = \frac{(n^2+n)(2n+1)}{6} $$

Math Shortcode

Input

{{< math >}}
\begin{vmatrix}a & b\\
c & d
\end{vmatrix}
{{< /math >}}

Output

$$ \begin{vmatrix}a & b\\ c & d \end{vmatrix} $$

GitHub Pages and GitHub Actions

Fri, 01 Nov 2019 01:00:00 +0000

GitHub Actions for GitHub Pages

GitHub Actions for GitHub Pages 🚀 Deploy static files and publish your site with Static Site Generators peaceiris/actions-gh-pages

This is a GitHub Action to deploy your static files to GitHub Pages. This deploy action can be combined simply and freely with Static Site Generators (Hugo, mdBook, MkDocs, Gatsby, GitBook, etc.).

- name: Deploy
 uses: peaceiris/actions-gh-pages@v3
 with:
 deploy_key: ${{ secrets.ACTIONS_DEPLOY_KEY }}
 publish_dir: ./public

The above example step will deploy ./public directory to gh-pages branch.

Emoji Support

Mon, 30 Sep 2019 08:00:00 +0000

Emoji can be enabled in a Hugo project in a number of ways.

Rich Content

Sun, 29 Sep 2019 08:00:00 +0000

Shortcodes

Hugo ships with several Built-in Shortcodes for rich content, along with a Privacy Config and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.

Markdown Syntax Guide

Wed, 25 Sep 2019 23:00:00 +0000

This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.