野原
0%

blog用 语法整理

发表于 分类于 字数： 582

日常记不住，整理一下。

centerquote

代码：

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

效果：

居中引用

注音

代码：

1
2
<ruby>ご飯<rt>ごはん</rt></ruby>
<ruby>ご<rt></rt>飯<rp>（</rp><rt>はん</rt><rp>）</rp></ruby>

效果：

ご飯ごはん
ご飯（はん）

字体颜色与高亮

代码：

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

效果：

红色

荧光

大小为6

内容折叠

代码：

1
2
3
4
5
<details>
<summary>标题</summary>
<pre><code>内容
</code></pre>
</details>

效果：

标题 
内容

Note

代码：

1
2
3
4
5
6
{% note danger %} 危险 {% endnote %}
{% note warning %} 警告 {% endnote %}
{% note default %} 默认 {% endnote %}
{% note info %} 信息 {% endnote %}
{% note success %} 成功 {% endnote %}
{% note primary %} 主要 {% endnote %}

效果：

危险

警告

默认

信息

成功

主要

Label

代码：

1
{% label danger@危险 %} {% label warning@警告 %} {% label default@默认 %} {% label info@信息 %} {% label success@成功 %}   {% label primary@主要 %}

效果：

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

Tabs

代码：

1
2
3
4
5
6
7
8
9
10
11
{% tabs 选项卡的名称,1 %} <!--默认为1，若为-1则隐藏--> 
<!-- tab -->
选项卡1的内容
<!-- endtab -->
<!-- tab -->
选项卡2的内容
<!-- endtab -->
<!-- tab 可以另外命名 -->
**这一选项卡的内容**
<!-- endtab -->
{% endtabs %}

效果：

选项卡1的内容

选项卡2的内容

这一选项卡的内容

Button

基本代码：

1
2
3
{% button url, text, icon, title %}
 <!--icon：FontAwesome 图标，有图标的话可以不输入text-->
 <!--title : 鼠标悬停时的提示-->

首页按钮代码：

1
{% button url, 首页, home fa-fw, 首页desu %}

效果：

首页

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

1
<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>

效果：

Previous Chapter Next Chapter