关于文章中markdown语法的引用
markdown语法引用 ~
文章字体大小及颜色设计
效果：
hello
hello
hello
hello此效果为居中
代码：
1
2
3
4
| <font color="#FF0000"> hello </font>
<font size=5> hello </font>
<font size=5 color="#FF0000">hello </font>
<center>hello</center>
|
标题字体设计
效果：
这是一级标题
这是二级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题
代码：
字体特效
效果：
这是加粗的文字
这是倾斜的文字
这是斜体加粗的文字
这是加删除线的文字
代码：
1
2
3
4
| **这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~
|
超链接引用
效果：
bet blog
代码：
文章添加表格
效果：
| 左对齐标题 |
右对齐标题 |
居中对齐标题 |
| 短文本 |
中等文本 |
稍微长一点的文本 |
| 稍微长一点的文本 |
短文本 |
中等文本 |
代码：
1
2
3
4
| | 左对齐标题 | 右对齐标题 | 居中对齐标题 |
| :------| ------: | :------: |
| 短文本 | 中等文本 | 稍微长一点的文本 |
| 稍微长一点的文本 | 短文本 | 中等文本 |
|
文章中添加文字背景颜色色块
代码添加在 /themes/next/source/css/custom/custom.styl中 如果没有这个文档
就放在/themes/next/source/css/main.styl中
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
| // 颜色块-黄
span
display:inline;
padding:.2em .6em .3em;
font-size:80%;
font-weight:bold;
line-height:1;
color:
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color:
}
// 颜色块-绿
span
display:inline;
padding:.2em .6em .3em;
font-size:80%;
font-weight:bold;
line-height:1;
color:
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color:
}
// 颜色块-蓝
span
display:inline;
padding:.2em .6em .3em;
font-size:80%;
font-weight:bold;
line-height:1;
color:
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color:
}
// 颜色块-紫
span
display:inline;
padding:.2em .6em .3em;
font-size:80%;
font-weight:bold;
line-height:1;
color:
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color:
}
|
需要使用时就在文中放下面的代码把中间的文字改了就行
1
2
3
4
| <span id="inline-blue"> 配置文件名称 </span>
<span id="inline-purple"> 配置文件名称 </span>
<span id="inline-yellow"> 配置文件名称 </span>
<span id="inline-green"> 配置文件名称 </span>
|
文章标题的引用
效果：
tab1
代码：
1
2
3
4
5
6
7
8
| {% tabs t_code_1 %}
<!-- tab 标题一 -->
tab1
<!-- endtab -->
<!-- tab 标题二 -->
tab2
<!-- endtab -->
{% endtabs %}
|
添加note标签
效果：
代码：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| {% note default %}
default 提示块标签
{% endnote %}
{% note primary %}
primary 提示块标签
{% endnote %}
{% note success %}
success 提示块标签
{% endnote %}
{% note info %}
info 提示块标签
{% endnote %}
{% note warning %}
warning 提示块标签
{% endnote %}
{% note danger %}
danger 提示块标签
{% endnote %}
|
注意：
此操作需要更改主题config.yml中的note
1
2
3
4
5
6
|
note:
style: flat
icons: true
border_radius: 3
light_bg_offset: 0
|
ღゝ◡╹)ノ♡--未完待续--
