Site Logo
Kayal

    Examples

    This section includes demo pages that demonstrate how Kayal displays different types of content.

    • Markdown

      Posted on 3 mins

      This article offers a sample of basic Markdown formatting that can be used in Kayal, also it shows how some basic HTML elements are decorated.

    • Rich Content and Hugo Shortcodes

      Posted on 1 min

      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.

    • Code Blocks Highlights

      Posted on 1 min

      This page provides examples on how to include code blocks with syntax highlighting.

    • Math using KateX

      Posted on 1 min

      KaTeX can be used to render mathematical notation within articles.

    • Diagram using Mermaid

      Posted on 2 mins

      Kayal supports Mermaid diagrams using the mermaid shortcode . Wrap your diagram markup within this shortcode.

    • Emoji

      Posted on 1 min

      Emoji is supported throughout Kayal by default. Emoji can be used in titles, menu items and article content.

    • Icons

      Posted on 1 min

      Kayal supports a wide range of FontAwesome 6 Icons . These icons can be used throughout your site, including in menus, social links, and content. To include icons in your content, you can use the Icon shortcode.