Common styles for NexT writing.
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
![]()
1. Centered Text
Effect:
Source code: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!
1 | {% cq %} |
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> |
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
default1 | {% label default@default %} |
1 | {% label primary@primary %} |
1 | {% label success@success %} |
1 | {% label info@info %} |
1 | {% label warning@warning %} |
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 | {% tabs 选项卡, 2 %} |
5. Built-in Tabs of the Theme
Source code: 1
{% btn https://www.baidu.com, Click to Download Baidu, download fa-lg fa-fw %}