NexT写作常用样式

发表于 更新于 分类于 阅读次数： Waline： 本文字数： 1.7k 阅读时长 ≈ 2 分钟

一些markdown之外的语法规则，让文章更美观

本文摘录自 周宇峰的博客 原文链接 8MAadJ.md

1.文本居中

效果:

人生乃是一面镜子， 从镜子里认识自己， 我要称之为头等大事， 也只是我们追求的目的！

源码:

1
2
3
4
5
6
{% cq %}
人生乃是一面镜子，
从镜子里认识自己，
我要称之为头等大事，
也只是我们追求的目的！
{% endcq %}

更多NexT主题自带的标签，点击：http://theme-next.iissnan.com/tag-plugins.html

2.主题自带样式note标签

1
<div class="note default"><p>default</p></div>

default 

1
<div class="note primary"><p>primary</p></div>

primary 

1
<div class="note success"><p>success</p></div>

success 

1
<div class="note info"><p>info</p></div>

info 

1
<div class="note warning"><p>warning</p></div>

warning 

1
<div class="note danger"><p>danger</p></div>

danger 

1
<div class="note danger no-icon"><p>danger no-icon</p></div>

danger no-icon

首先在主题配置文件中配置： 

1
2
3
4
5
6
7
8
9
# Note tag (bs-callout).
note:
  # 风格
  style: flat
  # 要不要图标
  icons: true
  # 圆角矩形
  border_radius: 3
  light_bg_offset:

3.自带label

default 
1
{% label default@default %}
primary 
1
{% label primary@primary %}
success 
1
{% label success@success %}
info 
1
{% label info@info %}
warning 
1
{% label warning@warning %}
danger 
1
{% label danger@danger %}

4.选项卡

这是选项卡 1 呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈……

这是选项卡 2

这是选项卡 3 哇，你找到我了！φ(≧ω≦*)♪～

1
2
3
4
5
6
7
8
9
10
11
{% tabs 选项卡, 2 %}
<!-- tab -->
**这是选项卡 1** 呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈呵呵哈哈哈哈哈哈哈哈……
<!-- endtab -->
<!-- tab -->
**这是选项卡 2**
<!-- endtab -->
<!-- tab -->
**这是选项卡 3** 哇，你找到我了！φ(≧ω≦*)♪～
<!-- endtab -->
{% endtabs %}

5.主题自带tabs

源码: 

1
{% btn https://www.baidu.com, 点击下载百度, download fa-lg fa-fw %}
效果:点击下载百度