/
index.md
120 lines (86 loc) · 2.96 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
---
title: Shortcodes Test
date: 2022-03-07T22:31:22+08:00
description: Test for shortcodes usages
type: posts
tags:
- Tests
- Shortcodes
- Content
categories:
- Tests
lightgallery: true
menu:
main:
title: Test for shortcodes usages
parent: tests
params:
icon: fa-solid fa-vial text-success
---
normal content
> normal blockquote content
## Shortcodes without Markdown
{{< center-quote >}}
{{< raw >}}
**hello** _world_
this is a center-quote shortcode example.
{{< /raw >}}
{{< /center-quote >}}
## Shortcodes with Markdown
{{< center-quote >}}
**hello** _world_
this is a center-quote shortcode example.
{{< /center-quote >}}
{{< details "**Copyright** 2022. [Lruihao](https://lruihao.cn/)" >}}
*All pages and graphics on this web site are the property of [FixIt](/).*
{{< /details >}}
{{< admonition type=tip title="_This is a tip_" open=false >}}
A **tip** banner
{{< /admonition >}}
## Shortcodes with raw string parameters
{{< details `<b>Copyright</b> 2022. <em>Lruihao</em>` >}}
*All pages and graphics on this web site are the property of [FixIt](/).*
{{< /details >}}
## Nested Shortcodes
{{< version 0.2.0 changed >}} {{< link "https://katex.org/" KaTeX >}} mathematical formulas (https://katex.org)
```code
{{< version 0.2.0 changed >}} {{< link "https://katex.org/" KaTeX >}} mathematical formulas (https://katex.org)
```
## raw
```markdown
{{</* raw */>}}
render **raw** *markdown*
{{</* /raw */>}}
{{</* raw */>}}
render
<strong>raw</strong>
<em>html</em>
{{</* /raw */>}}
```
{{< raw >}}
render **raw** *markdown*
{{< /raw >}}
{{< raw >}}
render
<strong>raw</strong>
<em>html</em>
{{< /raw >}}
## image
```go-html-template
<!--  -->
{{</* image src="/images/lighthouse.jpg" caption="Lighthouse (`image`)" title="Lighthouse title" src_s="/images/lighthouse-small.jpg" src_l="/images/lighthouse-large.jpg" */>}}
{{</* image src="/images/lighthouse.jpg" width="50%" caption="Lighthouse (width=50%)" title="width=\"50%\"" */>}}
{{</* image src="/images/lighthouse.jpg" width="50%" height="200px" title="Lighthouse title" */>}}
{{</* image src="/images/lighthouse.jpg" height="200px" */>}}
{{</* image src="/images/lighthouse.jpg" height="100px" loading="eager" */>}}
```
<!--  -->
{{< image src="/images/lighthouse.jpg" caption="Lighthouse (`image`)" title="Lighthouse title" src_s="/images/lighthouse-small.jpg" src_l="/images/lighthouse-large.jpg" >}}
{{< image src="/images/lighthouse.jpg" width="50%" caption="Lighthouse (width=50%)" title="width=\"50%\"" >}}
{{< image src="/images/lighthouse.jpg" width="50%" height="200px" title="Lighthouse title" >}}
{{< image src="/images/lighthouse.jpg" height="200px" >}}
{{< image src="/images/lighthouse.jpg" height="100px" loading="eager" >}}
## reward
{{< reward >}}
{{< reward "/images/wechatpay.gif" >}}