Tags in Hexo NexT Theme

Posted on In

Quote

Quotelink
1
2
3
{% quote [author[, source]] [link] [source_link_title] %}
content
{% endquote %}
1
2
3
4
5
<!-- markdownlint-disable -->
{% quote Seth Godin http://sethgodin.typepad.com/seths_blog/2009/07/welcome-to-island-marketing.html Welcome to Island Marketing %}
Every interaction is both precious and an opportunity to delight.
{% endquote %}
<!-- markdownlint-enable -->

Every interaction is both precious and an opportunity to delight.

Seth GodinWelcome to Island Marketing

Centered Quotelink
1
2
3
{% centerquote %}Something{% endcenterquote %}

{% cq %}Something{% endcq %}
1
{% cq %}Something{% endcq %}

Something

Code Blocklink
1
2
3
```[language] [title] [url] [link text] [additional options]
code snippet
```

Video

Videolink
1
{% video url %}
1
2
3
<!-- markdownlint-disable -->
{% video /images/hexo-next-tags/boonmosa.mp4 %}
<!-- markdownlint-enable -->

Group Pictures

Group Pictureslink
1
2
3
4
5
{% grouppicture [number]-[layout] %}
{% endgrouppicture %}

{% gp [number]-[layout] %}
{% endgp %}
1
2
3
4
5
{% gp 3-3 %}
![](/props/zerohertz_red.png)
![](/props/zerohertz_red.png)
![](/props/zerohertz_red.png)
{% endgp %}

Mermaid

_config.yml
1
2
3
highlight:
  exclude_languages:
    - mermaid
Mermaidlink
1
2
3
4
5
6
7
{% mermaid type %}
{% endmermaid %}

```mermaid
type

```

Graph

1
2
3
4
5
6
7
```mermaid
graph TD
A[Hard] -->|Text| B(Round)
B --> C{Decision}
C -->|One| D[Result 1]
C -->|Two| E[Result 2]
```
graph TD
A[Hard] -->|Text| B(Round)
B --> C{Decision}
C -->|One| D[Result 1]
C -->|Two| E[Result 2]

Sequence Diagram

1
2
3
4
5
6
7
8
9
10
11
```mermaid
sequenceDiagram
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
```
sequenceDiagram
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!

Gantt

1
2
3
4
5
6
7
8
9
10
11
```mermaid
gantt
dateFormat YYYY-MM-DD
section Section
Completed :done, des1, 2014-01-06,2014-01-08
Active :active, des2, 2014-01-07, 3d
Parallel 1 : des3, after des1, 1d
Parallel 2 : des4, after des1, 1d
Parallel 3 : des5, after des3, 1d
Parallel 4 : des6, after des4, 1d
```
gantt
dateFormat YYYY-MM-DD
section Section
Completed :done, des1, 2014-01-06,2014-01-08
Active :active, des2, 2014-01-07, 3d
Parallel 1 : des3, after des1, 1d
Parallel 2 : des4, after des1, 1d
Parallel 3 : des5, after des3, 1d
Parallel 4 : des6, after des4, 1d

Class Diagram

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
```mermaid
classDiagram
Class01 <|-- AveryLongClass : Cool
<<interface>> Class01
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
class Class10 {
  <<service>>
  int id
  size()
}
```
classDiagram
Class01 <|-- AveryLongClass : Cool
<<interface>> Class01
Class09 --> C2 : Where am i?
Class09 --* C3
Class09 --|> Class07
Class07 : equals()
Class07 : Object[] elementData
Class01 : size()
Class01 : int chimp
Class01 : int gorilla
class Class10 {
  <<service>>
  int id
  size()
}

State Diagram

1
2
3
4
5
6
7
8
9
```mermaid
stateDiagram
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]
```
stateDiagram
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]

Pie

1
2
3
4
5
6
```mermaid
pie
"Dogs" : 386
"Cats" : 85
"Rats" : 15
```
pie
"Dogs" : 386
"Cats" : 85
"Rats" : 15

Note

Notelink
1
2
3
{% note [class] [no-icon] [summary] %}
Any content (support inline tags too).
{% endnote %}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
{% note %}
No Parameters
{% endnote %}
{% note default %}
Default
{% endnote %}
{% note primary %}
Primary
{% endnote %}
{% note info %}
Info
{% endnote %}
{% note success %}
Success
{% endnote %}
{% note warning %}
Warning
{% endnote %}
{% note danger %}
Danger
{% endnote %}
{% note summary %}
Summary
{% endnote %}

No Parameters

Default

Primary

Info

Success

Warning

Danger

summary

Summary

Tabs

Tabslink
1
2
3
4
5
{% tabs Unique name, [index] %}
<!-- tab [Tab caption] [@icon] -->
Any content (support inline tags too).
<!-- endtab -->
{% endtabs %}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
{% tabs unique %}
<!-- tab Python -->
```python main.py
print("Hello, World!")
```
<!-- endtab -->
<!-- tab Java -->
```java Main.java
System.out.print("Hello, World!")
```
<!-- endtab -->
<!-- tab Go -->
```go main.go
fmt.Print("Hello, World!")
```
<!-- endtab -->
{% endtabs %}
main.py
1
print("Hello, World!")
Main.java
1
System.out.print("Hello, World!")
main.go
1
fmt.Print("Hello, World!")

References
  • Hexo: Tag Plugins
  • NexT: Tag Plugins