欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

VSCODE配置Markdown及Markdown基础语法详解

程序员文章站 2022-03-23 18:43:55
一,vscode配置markdown打开左侧的extensions,或者使用 ctrl+shift+x,输入markdown(1)markdown all in one :是一个组合包,把最常用的ma...

一,vscode配置markdown

 打开左侧的extensions,或者使用 ctrl+shift+x,输入markdown

VSCODE配置Markdown及Markdown基础语法详解

(1)markdown all in one :是一个组合包,把最常用的markdown优化都可以安装好。
(2)markdown preview github styling :github使用的markdown渲染样式,使用这个样式,在本地就能预览markdown文件最终在github pages中显示的效果。

二,markdown基础语法

1,vscode中新建一个markdown文件 在空白的地方右击–新建文件

VSCODE配置Markdown及Markdown基础语法详解

输入文件名称,并yi .md 结尾,markdown的文档是以 .md结尾的。

VSCODE配置Markdown及Markdown基础语法详解

打开文件编辑

VSCODE配置Markdown及Markdown基础语法详解

点击预览键可显示预览区域,可以边编辑,边查看文件内容效果

VSCODE配置Markdown及Markdown基础语法详解
VSCODE配置Markdown及Markdown基础语法详解 

2,markdown文件的标题

标题的层级是用# 表示,一个# 是一级,两个#是二级 ,最多可以显示到六级,注意# 与标题内容之间必须是有空格分开

VSCODE配置Markdown及Markdown基础语法详解

3,markdown的代码插入

代码块通过两行 “ ```” 符号框出;如果是指定代码块,并且想有对应的高亮显示,可以在第一行末尾加上这个语言的名字,代码块内的代码就会执行对应的高亮语法,例如python

VSCODE配置Markdown及Markdown基础语法详解

4,markdown的有序列表

输入数字,加一个句点,然后空格即可;可以缩进空置多级列表

VSCODE配置Markdown及Markdown基础语法详解

5,markdown的无序列表

输入 - ,然后空格;可以缩进空置多级列表

VSCODE配置Markdown及Markdown基础语法详解

6,markdown的字体显示

加粗:文字左右分别用两个号包起来
斜体:文字左右分别用一个
号包起来
斜体加粗:文字左右分别用三个*号包起来
删除线:文字左右分别用两个~~号包起来
注意 :字体显示不需要符号与内容之间,加空格

VSCODE配置Markdown及Markdown基础语法详解

7,markdown的超链接

语法: [超链接名] (超链接地址)

VSCODE配置Markdown及Markdown基础语法详解

8,markdown的表格

语法:

VSCODE配置Markdown及Markdown基础语法详解

第二行分割表头和内容。
文字默认居左
两边加“:”:表示文字居中
右边加“:”:表示文字居右

VSCODE配置Markdown及Markdown基础语法详解

到此这篇关于vscode配置markdown及markdown基础语法详解的文章就介绍到这了,更多相关vscode配置markdown内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!