样式汇总

发表于 更新于 分类于 阅读次数 评论数

超链接

1
2
3
<section class="link-braces">
<p>可后来有二天在医院里，托马斯正在<a href="#">手术间休息</a>，护士告诉他有电话。他断到话筒里<a href="#">传来特丽莎</a>的声音。电话是从车站打来的。他格外高兴，不幸的是他那天夜里有事，要到第二天才能请她上他家去。<a href="#">放下电话</a>，他便责备自己没有叫她直接去他家，他毕竟有足够的时间来取消自已原来的计划！</p>
</section>

可后来有二天在医院里，托马斯正在手术间休息，护士告诉他有电话。他断到话筒里传来特丽莎的声音。电话是从车站打来的。他格外高兴，不幸的是他那天夜里有事，要到第二天才能请她上他家去。放下电话，他便责备自己没有叫她直接去他家，他毕竟有足够的时间来取消自已原来的计划！

Note tag

使用方式：

1
{% note class_name %} Content (md partial supported) {% endnote %}

其中，class_name 可以是以下列表中的一个值：

  • default
  • primary
  • success
  • info
  • warning
  • danger

\themes\next\_config.yml 内可修改参数

default

primary

success

info

warning

danger

Tab tag

Any content (support inline tags too).

Any content (support inline tags too).

1
2
3
4
5
6
7
8
{% tabs Unique name, [index] %}
<!-- tab [Tab caption] [@icon] -->
Any content (support inline tags too).
<!-- endtab -->
<!-- tab [Tab caption] [@icon] -->
Any content (support inline tags too).
<!-- endtab -->
{% endtabs %}

TOC数字块

1.<span class="section-number">1.</span>

在文档中增加图标

<i class="fa fa-pencil"></i>
<i class="fa fa-cloud-upload"></i>
<i class="fa fa-cog"></i>

<i class="fa fa-github"></i>
<i class="fa fa-github fa-lg"></i>
<i class="fa fa-github fa-2x"></i>

emoji

😙🍋🎱✊
https://www.emojicopy.com/