使⽤vscode编写Markdown⽂档以及markdown语法详解
1.
2. 在vs code的扩展中安装: Markdown Preview Enhanced 这款插件,安装完成重新加载即可⽣效
3. 新建⼀个.md⽂件
Visual Studio Code 原⽣就⽀持⾼亮Markdown的语法,想要⼀边编辑⼀遍预览,有两种⽅法:
3.1. Ctrl + Shift + P 调出主命令框,输⼊ Markdown,应该会匹配到⼏项 Markdown相关命令
2.2. 先按Ctrl + K,然后放掉,紧接着再按 v,也能调出实时预览框。【要在英⽂输⼊状态下】
3.3 直接点击快捷图标
还可以在预览效果的界⾯中右键⿏标选择在不同平台预览,如可以在浏览器中预览
其中默认打开的浏览器是IE浏览器,可以直接Copy浏览器地址使⽤Chrome浏览器打开
可以发现在浏览器中预览markdown⽂档已经被编译成HTML⽂档了。
------------------------------------------------------------附录Markdown语法------------------------------------------------------------------------------
vs code 使⽤ Markdown 编写⽂档
1. 直接使⽤ HTML 标签,可以设置⽂字居中,字体颜⾊等样⾊(HTML 语法)
代码:
<div align="center" >VS Code 使⽤ Markdown 编写⽂档</div>
演⽰:
2. 标题
注:# 后⾯保持空格(和使⽤ h1/h2 标签功能类似)
代码:
# h1
## h2
演⽰:
3. TOC(根据标题⽣成⽬录)
代码:
演⽰:
4. 引⽤
代码1(单⾏式):
> hello world!
演⽰:
代码2(多⾏式):
> hello world!  输⼊完之后按两次空格键再按⼀次Enter键即可    > hello world!  输⼊完之后按两次空格键再按⼀次Enter键即可    > hello world!  输⼊完之后按两次空格键再按⼀次Enter键即可演⽰:
代码3(多层嵌套):
> aaaaaaaaa
>> bbbbbbbbb
>>> cccccccccc
演⽰:
5. ⾏内标记(⽤ ` 标记代码块将变成⼀⾏)代码:标记之外`hello world`标记之外
演⽰:
6. 代码块
1. ⽤```代码```进⾏包裹
代码:
```
<div>
<div></div>
<div></div>
<div></div>
</div>
```
演⽰:
2. ⾃定义语法(根据不同的语⾔配置不同的代码着⾊)代码:
```javascript
var num = 0;
for (var i = 0; i < 5; i++) {
num+=i;
}
console.log(num);
```
演⽰:
7. 插⼊链接(待定。。。)
代码:
[百度 1](www.baidu/ '百度⼀下')
演⽰:
8. 插⼊图⽚
代码:
![](./01.jpg '描述')
8. 插⼊图⽚带有链接
代码:html居中标签代码
[![](.//img/01.png '百度')](www.baidu)
9. 插⼊视频
注:Markdown 语法是不⽀持直接插⼊视频的
普遍的做法是插⼊ HTML 的 iframe 框架,通过⽹站⾃带的分享功能获取,如果没有可以尝试第⼆种⽅法
第⼆是伪造播放界⾯,实质是插⼊视频图⽚,然后通过点击跳转到相关页⾯
代码:
<iframe height=498 width=510 src='uku/embed/XMjgzNzM0NTYxNg==' frameborder=0 'allowfullscreen'></iframe>演⽰:
10. 序列
代码1(有序):
1. one
2. two
3. three
演⽰:
代码2(⽆序):
* one
* two
* three
演⽰: