Common styles for NexT writing.

Posted on Edited on In Waline: Word count in article: 2.4k Reading time ≈ 2 mins.

This is an automatically translated post by LLM. The original post is in Chinese. If you find any translation errors, please leave a comment to help me improve the translation. Thanks!

Some Syntax Rules Beyond Markdown for a More Elegant Article

This article is excerpted from Zhou Yufeng's Blog Original Link 8MAadJ.md

1. Centered Text

Effect:

Life is like a mirror. Understanding yourself through the mirror, I would call this the most important thing, and it is simply the goal we pursue!

Source code:

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

For more built-in tags in the NexT theme, visit: http://theme-next.iissnan.com/tag-plugins.html

2. Built-in Note Tag Styles

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

First, configure in the theme configuration file: 

1
2
3
4
5
6
7
8
9
# Note tag (bs-callout).
note:
  # Style
  style: flat
  # Show icons or not
  icons: true
  # Border radius
  border_radius: 3
  light_bg_offset:

3. Built-in Labels

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. Tabs

This is Tab 1 Haha, lots of laughter, haha, lots of laughter, haha, lots of laughter, haha, lots of laughter, haha, lots of laughter, haha, lots of laughter, haha, lots of laughter, haha, lots of laughter, haha, lots of laughter, haha, lots of laughter, haha, lots of laughter, haha, lots of laughter...

This is Tab 2

This is Tab 3 Wow, you found me! φ(≧ω≦*)♪～

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

5. Built-in Tabs of the Theme

Source code: 

1
{% btn https://www.baidu.com, Click to Download Baidu, download fa-lg fa-fw %}
Effect: Click to Download Baidu