Apart from the tag helpers supported by Hexo natively, as described in Hexo Built-in Tag Helpers, Icarus also offers several other useful tag helpers to customize the display of your content.

Message

Message blocks are a colorful way to emphasize part of text in your post. Its syntax is defined as follows:

1
2
3

{% message color:<color> size:<size> icon:<icon> title:<title> %}
    <content>
{% endmessage %}

color

The color of message block. It is optional. Available values and their examples are:

size

The size of message block. It is optional. Available values and their examples are:

icon

The icon shown in the message block header. It is optional. The value should be valid FontAwesome icon class name. If the icon class name contains space(s), this option and its value should be wrapped with quotes.

title

Title of the message block. It is optional. If the title contains space(s), this option and its value should be wrapped with quotes.

Tabs

The tabs tag helper is a powerful tool to display parallel content. Only content in the active tab can be displayed to the user at a time. Its syntax is defined as follows:

1
2
3
4
5
6
7
8
9

{% tabs size:<size> align:<align> style:<style> %}
<!-- tab id:<tab_id> icon:<icon> title:<tab_title> active -->
<content>
<!-- endtab -->
<!-- tab id:<tab_id> icon:<icon> title:<tab_title> -->
<content>
<!-- endtab -->
...
{% endtabs %}

Tab Container

A tab container has the following options:

size

Size of the tabs. It is optional. Available values and their examples are:

align

Alignment of the tab buttons. It is optional. Available values and their examples are:

style

Style of the tab buttons. It is optional. Additionally, you can combine the style with fullwidth alignment. Available values and their examples are:

Tab

A tab has the following options:

id

The unique identifier of the tab element. It is required. An ID of a tab should be unique across the entire page so that Icarus can location the right tab content to show or hide.

active

Whether the current tab element is shown. It is optional. Only one tab can be active at a time for a tab group.

icon

The icon shown in the tab button. It is optional. The value should be valid FontAwesome icon class name. If the icon class name contains space(s), this option and its value should be wrapped with quotes.

title

Title of the tab button. It is required. If the title contains space(s), this option and its value should be wrapped with quotes.