Writing Modules
Notes

Notes Module

Large Note Block

Format: (notel stands for note large, easy to remember, can also be written as note-large)

{% notel [颜色] [可选: 自定义图标] [标题] %}
内容
支持换行
{% endnotel %}
ParameterDescriptionOptional Values
ColorStyle or color of the note blockblue red cyan purple orange yellow green and other colors
Custom IconCustom icon, optionalThe second part of the icon name from Fontawesome (opens in a new tab), for example, fa-image

For example:

{% notel default fa-info 信息 %}
换行测试
换行测试
换行测试
{% endnotel %}
 
{% notel blue 提示 %}
换行测试
换行测试
换行测试
{% endnotel %}
 
{% notel red 自定义标题 %}
换行测试
换行测试
换行测试
{% endnotel %}

Result:

Screenshot 2023-01-20 at 8.37.59 PM

Small Note Block

Format:

{% note [样式/颜色] [可选: 自定义图标] %}
笔记内容
{% endnote %}
ParameterDescriptionOptional Values
Style/ColorStyle or color of the note blocksuccess default primary info warning danger tip question and blue red cyan purple orange yellow green and other colors
Custom IconCustom icon, optionalThe second part of the icon name from Fontawesome (opens in a new tab), for example, fa-image

Specific example:

{% note  %}
默认 提示块标签
{% endnote %}
 
{% note default  %}
default 提示块标签
{% endnote %}
 
{% note primary  %}
primary 提示块标签
{% endnote %}
 
{% note success  %}
success 提示块标签
{% endnote %}
 
{% note info  %}
info 提示块标签
{% endnote %}
 
{% note warning  %}
warning 提示块标签
{% endnote %}
 
{% note danger  %}
danger 提示块标签
{% endnote %}
 
{% note red fa-bolt%}
自定义提示块标签
{% endnote %}

Result:

Screenshot 2023-01-20 at 7.51.43 PM

More

For actual experience, please visit the Redefine Demo Site (opens in a new tab)

Writing ModulesButtons