Blog用 语法整理

624 字
3 分钟
Blog用 语法整理
Note

日常记不住,整理一下。

centerquote#

代码:

{% cq %} 居中引用 {% endcq %}

效果:

{% cq %} 居中引用 {% endcq %}


注音#

代码:

<ruby>ご飯<rt>ごはん</rt></ruby>
<ruby>ご<rt></rt>飯<rp>(</rp><rt>はん</rt><rp>)</rp></ruby>

效果:

ご飯ごはん
はん


字体颜色与高亮#

代码:

<strong style="color:#ff0000;">红色</strong>
<span style="background:#FFFFBB;">荧光</span>
<font size=6>大小为6</font>

效果:

红色

荧光

大小为6


内容折叠#

代码:

<details>
<summary>标题</summary>
内容
</details>

效果:

标题

内容


Note#

代码:

> [!CAUTION]
> 危险
> [!WARNING]
> 警告
> [!NOTE]
> 默认
> [!NOTE]
> 信息
> [!TIP]
> 成功
> [!IMPORTANT]
> 主要

效果:

Caution

危险

Warning

警告

Note

默认

Note

信息

Tip

成功

Important

主要


Label#

代码:

<span class="inline-block px-2 py-0.5 mx-1 text-xs font-bold text-[var(--primary)] bg-[var(--primary)]/10 rounded-md">危险</span> <span class="inline-block px-2 py-0.5 mx-1 text-xs font-bold text-[var(--primary)] bg-[var(--primary)]/10 rounded-md">警告</span> <span class="inline-block px-2 py-0.5 mx-1 text-xs font-bold text-[var(--primary)] bg-[var(--primary)]/10 rounded-md">默认</span> <span class="inline-block px-2 py-0.5 mx-1 text-xs font-bold text-[var(--primary)] bg-[var(--primary)]/10 rounded-md">信息</span> <span class="inline-block px-2 py-0.5 mx-1 text-xs font-bold text-[var(--primary)] bg-[var(--primary)]/10 rounded-md">成功</span> <span class="inline-block px-2 py-0.5 mx-1 text-xs font-bold text-[var(--primary)] bg-[var(--primary)]/10 rounded-md">主要</span>

效果:

危险 警告 默认 信息 成功 主要


Tabs#

代码:

{% tabs 选项卡的名称,1 %} <!--默认为1,若为-1则隐藏-->
<!-- tab -->
选项卡1的内容
<!-- endtab -->
<!-- tab -->
选项卡2的内容
<!-- endtab -->
<!-- tab 可以另外命名 -->
**这一选项卡的内容**
<!-- endtab -->
{% endtabs %}

效果:

{% tabs 选项卡的名称,1 %}

选项卡1的内容

选项卡2的内容

这一选项卡的内容

{% endtabs %}


Button#

基本代码:

[text](url)
<!--icon:FontAwesome 图标,有图标的话可以不输入text-->
<!--title : 鼠标悬停时的提示-->

首页按钮代码:

[首页](url)

效果:

首页


上/下一章相对链接代码:

<div class="text-center">{% btn #, Previous Chapter, arrow-left fa-fw fa-lg, Previous Chapter (Full Image) %} {% btn #, Next Chapter, arrow-right fa-fw fa-lg, Next Chapter (Label) %}</div>

效果:

{% btn #, Previous Chapter, arrow-left fa-fw fa-lg, Previous Chapter (Full Image) %} {% btn #, Next Chapter, arrow-right fa-fw fa-lg, Next Chapter (Label) %}
最后更新于 2023-04-02,距今已过 1070 天

部分内容可能已过时

目录