vscode-markdown

vscode写Markdown笔记入门基本语法

刚入门使用vscode写Markdown笔记，之前看到过朋友使用，感觉很方便。加上研究生到时需要每周交周报，所以选择尝试一下，目前也还在摸索中，很多功能不太熟练，也存在比较多的问题，欢迎大家与我沟通交流，相互进步！

• vscode写Markdown笔记入门基本语法
  • 一、什么是Markdown？
  • 二、什么是vscode?
  • 三、需要安装的插件
  • 三、基本语法
    • 1.标题
    • 2.字体
    • 3.引用
    • 4.分割线
    • 5.插入图片
    • 6.超链接
    • 7.创建有序列表
    • 8.创建无序列表
    • 9.代码输入
    • 10.调整图片大小和位置
    • 11.缩进
    • 12.生成目录
    • 13.快捷键

一、什么是Markdown？

  Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。通俗的说，Markdown是一种为了方便人们使用的标记语言。它是html(超文本标记语言)的一种简单化。通过使用#号和*号等简单的符号，来取代相对复杂的html代码。熟悉CSDN的朋友都知道，CSDN的博客就是使用Markdown语法规则,还有我们熟知的Github也是。

二、什么是vscode?

   vscode的全称是Visual Studio Code，它是一个免费的、开源的跨平台编辑器，可以在官网下载:

三、需要安装的插件

1. Chinese (Simplified) (简体中文) Language Pack：汉化插件
2. Markdown all in one ：是一个组合包，把最常用的Markdown优化都可以安装好
3. Markdown Preview Enhanced：它提供了强大的Markdown预览功能，更多的渲染选项和功能扩展。
4. Code Spell Checker：可以帮助你在编码过程中及时发现和修复拼写错误
5. Paste Image：它允许你通过复制图片并粘贴到Markdown文件中来快速插入图片。
6. Markdown PDF：提供将markdown文件转为PDF的功能。
7. markdownlint ：一个用于检查 Markdown 文件中潜在问题的工具。它可以帮助用户规范和提高 Markdown 文件的质量。可以检查并提示一些常见的问题，例如标点符号的使用、标题的格式、链接格式、代码块的语法等。

安装方法：左边框的最下面的拓展——搜索框输入插件名称——安装（下图是安装成功-后的截图）

注意：拓展插件安装完毕后要重启vscode才能起作用。

三、基本语法

1.标题

标准语法一般在#后跟个空格再写文字

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

2.字体

*倾斜*
**加粗**
***倾斜加粗***
~~加删除线~~
==高亮==

3.引用

在引用内容前加>即可，还可以嵌套。

>这是引用的内容
>>这是引用的内容
>>>这是引用的内容

明星真聪明！

明星真棒！

我爱明星！

4.分割线

三个或者三个以上的—或者***都可以。

---
***

---

5.插入图片

可以复制粘贴图片，或者直接拖进去

![图片alt](图片地址 ''图片title'')
 
图片alt就是显示在图片下面的文字，相当于对图片内容的解释。
图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加

6.超链接

[超链接名](超链接地址 “超链接title”)

title可以加也可以不加

[翱翔门户]（https://ecampus.nwpu.edu.cn）

[翱翔门户]（https://ecampus.nwpu.edu.cn）

7.创建有序列表

数字123加点加空格（结束有序列表需要在最后加空行）

1. 第一点
2. 第二点
……

8.创建无序列表

-/+/*加空格（结束无序列表同样需要在最后加空行）

- 无序列表1
+ 无序列表2
* 无序列表3

• 无序列表1

• 无序列表2

• 无序列表3

9.代码输入

单行代码：代码两边分别用（英文输入法的`,不是引号)包起来

`明星真好看`
```1

`明星真好看`

代码块两边分别用三个`包起来，符号但独占一行。并且在开头符号后面加上cpp{.line-numbers}即可添加序号。

```cpp{.line-numbers}
5689
jhn
592253

10.调整图片大小和位置

网上说的方法我大概看了一下，尝试了一下，成功的就是用HTML语言写的。

调整大小——设置图片长高参数

<img src="图片路径" alt="图片描述" width="200" height="200">

调整位置——居中/左/右

<div align=center/left/right>
内容
</div>

我个人偏向于将这两点结合起来使用！

<div align=center/left/right>
<img src="图片路径" alt="图片描述" width="200" height="200">
</div>

11.缩进

   //一个中文空格
   //一个英文空格
   //不断行的空格（半个英文）

  暗恋是一个人的事情
  暗恋是一个人的事情
  暗恋是一个人的事情
暗恋是一个人的事情

12.生成目录

由Markdown All in One插件生成

打开vscode命令面板(ctrl+shift+P)，选择Markdown All in One插件的One:Create/Update Table of Contents。

13.快捷键

crtl+P      //打开命令面板

鉴于目前使用的功能不多，写的也不太全，算是给自己整理一下方便查找，可以给大家做一个参考，也欢迎大家补充！