Markdown(1):markdown设置标题、插入代码、插入图片、配置vscode插件

        我基于vscode进行下面的markdown学习,应该适用于ubuntu和window系统;window系统下有比较好的破解版软件,大家可以去看看,ubuntu下感觉vscode比较好用。

一、语法学习

1.1 标题

1.1.1 使用'#'表示标题

        '#'必须在行首,'#'越多,标题的级别越低

1.2 代码块

1.2.1 行内代码块

        使用反单引号(一般在键盘的左上位置,和~是一个键)来表示,如 `hello`

1.2.2 代码块

        (1)使用四个空格表示,注意代码块需要与前面的文字空一行:

        (2)使用table键缩进表示,注意代码块需要与前面的文字空一行:

        (3)使用三个反单引号```表示代码块

Markdown(1):markdown设置标题、插入代码、插入图片、配置vscode插件_第1张图片

二 插入图片

        注:我的markdown文档和图片在同一个目录下

Markdown(1):markdown设置标题、插入代码、插入图片、配置vscode插件_第2张图片

2.1 html风格代码:

(1)插入图片

```

# 注: 图片路径可以是相对路径、绝对路径和网络路径

```

(2)设置图片比例/高度/宽度

```

# 修改width:

# 直接设置宽度和高度

# 或者修改height:

# 直接设置宽度和高度比例

# 也可以直接按比例缩放:

```

Markdown(1):markdown设置标题、插入代码、插入图片、配置vscode插件_第3张图片

####(3)设置图片对齐

```

# 注:外层加个div块级标签可以解决图片与紧接着的文字可能在一行的情况

# 注:right left center

```

Markdown(1):markdown设置标题、插入代码、插入图片、配置vscode插件_第4张图片

2.2 另一种风格代码

```

![图片说明文字](图片地址)

# 注:图片路径可以是相对路径、绝对路径和网络路径

```

![图片说明文字](picture1.jpeg)

三、vscode插件

3.1 Markdown Preview Enhanced

        安装后,在markdown文档界面点击鼠标右键会多出来一个"Markdown Preview Enhanced: Open Preview to the Side"或"打开侧边预览"

        效果见前面图片。

        注:有时候右键会没有"打开侧边预览"的快捷方式,重新安装一次就好,唉,好像不是很稳定

3.2 Markdown All in One

        该插件用于在编写文档时自动帮我们填充内容,比如支持使用快捷键调整格式,在使用列表时会自动帮我们补全下一项的值

3.3 Markdown TOC

        该插件用于生成目录,比如给标题自动添加序号

3.4 Markdown PDF

        用于转换为pdf,markdown文档界面点击鼠标右键会多出来一个“Markdown PDF: export(pdf)”的选项

参考链接:

1 markdown语法学习

https://blog.csdn.net/afei__/article/details/80717153

2 markdown开发的vscode插件:

https://blog.csdn.net/COCO56/article/details/124562036

3 markdown插入图片

https://blog.csdn.net/aaon22357/article/details/84751504

https://blog.csdn.net/qq_35451572/article/details/79443467

https://blog.csdn.net/qq_48424581/article/details/123441610

3 markdown导出pdf的插件

https://blog.csdn.net/edward_zcl/article/details/117547890


 

你可能感兴趣的:(小技巧,ubuntu使用,vscode,javascript,前端,markdown)