记录如何用VSCode写Markdown文档 |
您所在的位置：网站首页 › vscode编写markdown粘贴截图 › 记录如何用VSCode写Markdown文档 |
记录如何用VSCode写Markdown文档
|
如何用VSCode写Markdown文档
(此笔记仅为本人记录所用) 1.如何安装vscode插件vscode默认是支持Markdown的，但是我们还是需要一些额外的插件来辅助。如前文安装中文包一般，到vscode的插件市场中，搜索Markdown关键字，安装这几个插件—— MarkDown All in One (方便编写)Makdown Preview Github StylingMarkdown Preview Enhanced (提供导出功能) 第一个插件，是一个组合包，一股脑把最常用的Markdown优化都给你装好；第二个插件，则是Github使用的Markdown渲染样式，不是特别华丽，很朴素，很简洁的样式，因为很多人用Markdown都是为了使用Github Pages，所以这个样式特别受欢迎。使用这个样式，在本地就能预览Markdown文件最终在Github Pages中显示的效果。 2.如何新建MarkDown文档 新建一个文件夹 为了集中管理用Markdown的文档，你可以在你容易找到的地方，专门建立一个文件夹，这取决于大家使用电脑的习惯，每个人都不一样。使用vscode打开这个文件夹，你会在左侧的导航窗口里看到文件夹及文件夹里的文件列表。 新建一个文件 选择新建文件，工作目录上就会多出一行，并且可以输入文件名。 （注意：文件名后一定要带后缀，markdown的后缀是.md） 3.如何编辑、使用 3.1 开始编辑文件 当你输入.md的后缀时，你会发现，新建的文件名前多了一个logo，这代表它已经被vscode识别为markdown文件了。现在，你就可以开始写markdown了。点击右上角的图标–**打开侧边预览（Ctrl+K V）,然后你的页面就变成两栏分列的样子；右侧一栏markdown文件被渲染为HTML的预览；由于我们安装了Github的渲染风格，所以这里会按照Github的样式来渲染你的markdown文件。 3.2 Markdown的部分语法 3.2.1 编辑标题方法 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 #+空格+一级标题##+空格+二级标题###+空格+三级标题####+空格+四级标题#####+空格+五级标题######+空格+六级标题实现方法如下： # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 3.2.1 编辑正文方法 正文直接输入就可以了换行注意，要在代码中实际空一行，否则实际输出的并不会换行 3.2.2 编辑代码块方法 代码块通过两行```符号框出，如果你写的代码是某种语言，那么可以在第一行的末尾加上这个语言的名字，例如： 第一行```+（可选）代码语言 +要写的内容 末尾行``` 第一行```+（可选）C# private void Form1_Load(object sender, EventArgs e) { MessageBox.Show("hello world!"); } 末尾行```实际输出如下： private void Form1_Load(object sender, EventArgs e) { MessageBox.Show("hello world!"); } 3.2.3 编辑行内（正文中间的）代码方法正文中的代码，通过输入 **``**框出 `+正文+`实际效果如下 正文中输入代码 MessageBox.Show("hello world!");的效果 3.2.4 编辑列表方法有序列表，输入数字，加一个句点，然后空格即可；可以缩进空置多级列表； 无序列表，输入 - ,然后空格 实际效果如下 有序列表 第一第二 第二的第一个第二的第二个 第三 第三的第一个第三的第二个第三的第三个实现方法如下： 1. 第一 2. 第二 1. 第二的第一个 2. 第二的第二个 3. 第三 1. 第三的第一个 2. 第三的第二个 3. 第三的第三个无序列表，输入 - ,然后空格 输入正文（一级） 输入正文（二级） 输入正文（三级）输入正文（三级） 输入正文（二级） 输入正文（三级）实现方法如下： - 输入正文（一级） - 输入正文（二级） - 输入正文（三级） - 输入正文（三级） - 输入正文（二级） - 输入正文（三级） 3.2.5 加粗、倾斜和删除线方法倾斜 加粗 倾斜和加粗 删除 12 123 实现方法如下： *倾斜* **加粗** ***倾斜和加粗*** ~~删除~~ ``12`` ```123``` 3.2.6 编辑表格方法 左对齐居中居中右对齐12345678此处实现方法如下： 左对齐 | 居中 |居中 | 右对齐 :-- | :--: |:--: | --: 1|2|3|4 5|6|7|8 3.2.7 插入图片方法
插入网络图片***的链接 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vHSZK5ir-1662177087820)(LoginView_image.jpeg)] 此处实现方法如下：  [插入网络图片***的链接](https://tenfei04.cfp.cn/creative/vcg/800/version23/VCG41175510742.jpg)   引用： [Markdown] 使用vscode开始Markdown写作之旅 https://www.vcg.com/creative/811557570 |
【本文地址】
今日新闻 |
推荐新闻 |