,

配置markdown.json文件

  1. 在vscode中打开你的Blog文件夹,在左下角点击 设置 -> 代码片段
  2. 在弹出来的页面中选择 新建 XX 文件夹中的内容,再输入 markdown,现在就会弹出一个 markdown.json文件
  3. 复制下列代码,并覆盖粘贴到该文件中,当你输入 prefix 对应的字段就会自动跳出建议,此时你按下 enter 就会在你输入的地方出现body中的内容,具体每个字段代表什么意思,请查阅Stellar文档中的表达类和容器类组件。
如果输入对应的字段后没有跳出建议,请查看下面第二部分配置setting.json文件
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
{
"HashTag":{
"prefix": "hashtag",
"body":[
"{% hashtag ${1:Gitea} ${2:https://git.xaox.cc/} color:${3:green} %}"
],
"description": "add hashtag with color"
},

"Image":{
"prefix":"image",
"body":[
"{% image ${1:src} ${2:description} %}"
],
"description": "Add image with description"
},

"blockquot":{
"prefix":"blockquto",
"body":[
"{% blockquote %}",
"${1:这是使用 blockquote 标签的例子}",
"{% endblockquote %}"
],
"description":"Add blockquot"
},

"quot":{
"prefix":"quot",
"body":[
"{% quot ${1:热门话题} icon:hashtag %}"
],
"description":"Add quot"
},

"note":{
"prefix": "note",
"body":[
"{% note color:cyan ${1:标题} ${2:内容} ${3:[link](/)} %}"
],
"description": "Add note"
},

"link":{
"prefix":"link",
"body":[
"{% link ${1:https://xaoxuu.com/blog/20221029/} desc:${2:true} %}"
],
"description":"Add link"
},

"checkbox":{
"prefix":"checkbox",
"body":[
"{% checkbox symbol:${1:plus} color:${2:green} checked:${3:true} ${4:显示为加号的绿色的已勾选的复选框} %}"
],
"description":"Add checkbox"
},

"video":{
"prefix":"video",
"body":[
"{% video ${1:bilibili/youtube:BV1GP4y1d729} %}"
]
},

"blur":{
"prefix":"blur",
"body":[
"{% blur ${1:高斯模糊} %}"
],
"description":"高斯模糊"
},

"psw":{
"prefix":"psw",
"body": [
"{% psw ${1:密码} %}"
],
"description": "密码"
},

"下划线":{
"prefix": "u",
"body": [
"{% u ${1:下划线} %}"
],
"description": "这是一个下划线"
},

"键盘样式":{
"prefix":"kbd",
"body":[
"{% kbd ${1:键盘样式} %} "
],
"description": "这是一个键盘样式"
},

"folding":{
"prefix": "folding",
"body":[
"{% folding ${1:title} open:false ${2:color:} %}",
" ${3: }",
"{% endfolding %}"
],
"description":"Add folding"
},

"tabs":{
"prefix":"tabs",
"body":[
"{% tabs active:${1:2} align:center %}",
" ",
"<!-- tab ${2:1} -->",
" ",
"<!-- tab ${3:2} -->",
" ",
"{% endtabs %}"
],
"description":"Add tabs"
},

"Header":{
"prefix": "header",
"body":[
"---",
"title: ",
"date: ",
"categories: []",
"tags: []",
"description: ",
"cover: ",
"banner: ",
"---"
],
"description": "Add Header of blog"
},

"wiki": {
"prefix": "wiki",
"body":[
"---",
"wiki: ",
"title: ",
"date: ",
"---"
],
"description":"Add md of wiki"
},

"Mark":{
"prefix": "mark",
"body":[
"{% mark ${1:红} color:${2:red} %}"
],
"description": "Add mark"
}
}

配置setting.json 文件

  1. 同时按下 Ctrl + Shift + p,在跳出来的页面中输入setting.json,进入该文件
  2. 在文件末尾添加下面代码,⚠️注意代码格式,逗号等问题
1
2
3
  "[markdown]":{
"editor.quickSuggestions": true
}