第四章 vscode作为Markdown编辑器

目录

第一章 初次接触vscode
第二章 vscode快捷键的使用
第三章 vscode的界面配置
第四章 vscode作为Markdown编辑器
第五章 vscode进行git管理
第六章 vscode的迁移
第七章 vscode配置go语言开发环境
第八章 vscode配置c/c++开发环境

前言

其实vscode严格来讲就是一个编辑器，一款强大的编辑器，丰富的插件让它可以具有IDE的功能。作为最强大的编辑器之一，怎么能不支持markdown呢，下面就简单介绍下vscode的markdown插件。

那些年用过的markdown编辑器

• 我一直都想找一款windows下的markdown客户端软件，因为我个人不太习惯直接在浏览器上写东西，为此我也是搜遍了网络，但其实到目前为止都没有找到一款非常满意的，不过终归还是要用嘛，在此总结一下自己用过的那些编辑器，说不定里面有你们的菜哦。

1. markdownpad 2

• markdownpad是我用的第一款markdown编辑软件，当时刚接触markdown，其实只是用它在看md文档，还并不会用markdown语法写些什么，而且到现在我也没用它写过什么，因为我用它的时候太少了，并不是它不好用，它被称为是win系统下最好用的markdown编辑器，我现在也还保留着它作为看文档的备用软件，我不用它仅仅是因为它的界面不符合我的审美而已。

image.png

2. Yu Writer

Yu Writer 是一款高效的跨平台的 Markdown 文本编辑器。适用于书写技术文档、论文、博客文章、电子书、简报等，当然也可作为一般的文本编辑器，用来做笔记、写日记以及构建个人知识库等。

• 这款软件真的是很赞了，功能很多，比如它可以导出为pdf、对那些语法不熟的用户提供工具栏可以像word那样调整格式、还有个很赞的功能，是它可以播放幻灯片，这在印象笔记上可以付费功能哟，但这里是免费的。
• 这款软件内置了完整的markdown语法教程，非常便于我们刚开始接触markdown的人学习markdown语法，我刚开始写markdown就是从这里开始的，非常挺这款软件。
• 而且它有资源管理器可以管理本地的md文档，可以作为我们本地的文档管理工具，只是没有云功能(可以用坚果云补充)。

• 整体来说我是非常喜欢这款软件了，唯一美中不足的是使用过程中觉得有些卡，不是很流畅，打开软件也不是很快，有些影响了我的使用体验。

  
  
  

  name
• 要是播放幻灯片功能能有标记功能就更好了，因为最近经历过要在部门内讲东西，在印象笔记中写的md文档，但是它没有缩放功能，投影字太小了，播放功能又是收费功能，很不方便，而且又不能导出pdf，只好导出为html用浏览器展示了。要是用这个软件那就方便多了。

3. 印象笔记

• 印象笔记现在已经支持markdown了，这让我们这些用户非常兴奋，但是就像前面提到的，它还是有很多功能上的欠缺，也就只能作为笔记软件了。但是它作为一款笔记软件真的很赞。
• 印象笔记就只能作为笔记了，你的md文件也不能用它查看，用它写的md文件也不能直接导出为.md，也不能导出为pdf，所以，你懂的。
• 但是，印象笔记的界面我觉的好赞啊，简洁舒服，非常赞。

• 哦，印象笔记是支持toc生成目录的哟。

  
  
  

  image

4. sublime text

• sublime text也是一款强大的编辑器，他对markdown的支持和vscode一样都是通过插件实现的，对于sublime text个人用的其实没有很多，所以就不细说了。

5. typora

• 这款软件没的说，它的界面让人第一眼看到就会喜欢上，和印象笔记一样，可以说非常非常符合我的口味了，而且typora对markdown的预览和别的软件不太一样，别家都是左边写右边显示，typora是一边写一边显示，真正的动态显示。
• 但是，据说typora的排版在转移到别处时会有问题，这个我也不知道，因为我用它的时间还不是很长，而且它就和Yu Writer一样，作为本地的文件管理软件挺好，同样我也觉得它用起来和Yu Writer一样没那么流畅，目前只是我的备选。
  补充: 进来又使用了一下Typora, 对它有了新的认识, 原来它的功能这么多, 同样它也可以进行本地资源管理, 可以全屏进行展示(类比PPT), 页面可以放大缩小, 更重要的是最近在使用wiki, 发现和typora搭配使用近乎完美(这篇文章有介绍), 哈哈, 赞.

本次的主角--vscode

• vscode现在已经内置了对markdown的部分支持，我们可以用它创建md文件，它支持侧边动态预览，也支持全屏预览哦，在设置中可以做一些自定义设置，比如预览时的字体等。

  
  
  

  image
• 当然，它对md的默认支持也就只有这些，还远远不够，比如目录、图表、任务清单等，但是，他丰富的插件可以弥补。
• 目录插件
• markdown toc插件有好几个版本，AlanWalk版通过insert插入目录，但效果并不理想，都没有换行的；Joffrey Kern版通过generate生成目录，但是不是带连接的，而且也不美观；
• auto markdown toc也有不同版本，Hunter tran版本通过insert生成，可用，但不稳定；Jim paton版本通过[[toc]]生成，但是我实验了下并没有成功。
• 但其实我们用vscode写md或者看md文档的话，左下角的大纲里就有标题所以，很好用的，除非想做格式转换，带着目录。
• 格式转换
• 有时候我们需要把md文档转换成其他格式，这个也可以通过插件来实现，比如markdown pdf和markdown converter插件，但是这两款插件使用时都需要先安装chromium，下载速度真的是，根本没速度。（补充：网上找到了一篇教程，可以解决markdown pdf的问题）
• vscode-pandoc可以通过pandoc来进行格式转换，需要先安装配置好pandoc，pandoc是格式转换神器，所以有格式转换需求的还是建议大家安装一下。如果转换为pdf，需要安装pdflatex，但是我没能在网上找到，所以如果是pdf，还是建议大家用markdown pdf。
• 现在有许多web版的转换网站，可以将md转为pdf等格式；当然也可以用我们前面提到的软件转换，比如Yu Writer。
• 任务清单
• markdown all in one可以支持任务清单的显示，当然，它不止于此，这是一个功能强大的插件，还支持快捷键等。
• 其他插件
• markdownlint可以检查markdown语法，有错误时给出提示。

• 这里没有推荐markdown preview enhanced这款插件，是因为我觉得好像没有什么特别的功能需要用到它，因为现在vscode默认已经支持预览了，而且markdown preview enhanced很多的功能markdown all in one都支持了，但是markdown all in one支持的一些功能，比如任务清单markdown preview enhanced却不支持。

  
  
  

  image

安利时刻--Quicker补充

• 我们在写md文档时，图片是经常需要用到的，我们知道，md对图片的支持和word这些富文本不一样，md常用的是插入图片链接，这就需要将图片先传送到网上，现在有很多图片服务器可以让我们上传图片，像七牛云、阿里、微博、sm.ms等，都是非常常用的图床，但有了图床我们通常还需要一个图床工具，方便我们本地上传图片（喜欢通过浏览器上次的除外），图床工具有很多，后面我也会专门写一篇文章给大家做一个简单介绍（在这里），这里只是借此功能给大家推荐一款软件，那就是Quicker，一款很优秀的软件，它可以将各种快捷方式、快捷键等动作集中到一个面板中，我们通过鼠标可以快速操作，它还有丰富的动作库，其中就有将图片上传到sm.ms并产生图片链接的动作，很方便，大家可以下载试用一下，后面也会有这个软件专门的说明哟。
  
  

  image

图床插件

• 无意中看到了原来picgo有vdcode插件，试用了一下简直完美。
• 因为我之前使用的也是SM.MS图床，picgo插件默认的就是SM.MS图床，正合适。
• 使用方法很简单
  • 搜索picgo插件并安装；
  • ctrl+alt+u是上传截图的，可以将你剪切板中的截图上传，并且在光标处生成markdown链接，非常方便。
  • ctrl+alt+e是从资源管理器上传，可以打开本地的资源管理器，选择图片后上传；
  • ctrl+alt+o从会话框上传，可以让我们手动输入图片路径然后上传。
• 附上插件的github项目地址，使用苹果电脑的伙伴可以自行查看说明。
  ===============更新==============

tea

• 又发现了一款markdown编辑软件, 名字叫tea, 界面十分简洁(如下图), 可以媲美typora, 同样也是动态显示的, 流畅度也很不错, 可有关联坚果云进行云备份, 而且这款软件类似于vscode, 可以选装插件来丰富它的功能, 虽然目前插件数量还有限, 但相信后面会越来越完善的, 大家可以试用一下, 推荐.官网地址:https://haocha.co/#hero
  
  

  image.png
  
  补充: 不支持本地图片