大家好，我是老三，我平时用的最习惯的MarkDown写作工作是Typora，所见即所得的用户体验，再加上丰富的主题，让人忍不住直呼“真香”。

但是大家都知道，Typora1.0之后，它就开始收费了，最近我的Mac电脑上装的Typora，已经开始提示我升级。而且，整理我的《面渣逆袭手册》的阿里供应链时候，因为文件太大，Typora非常卡顿，所以，思来想去，我决定用VS Code搭建一套M电脑快捷键ark电脑Dwon写作环境。

一、VS Code安装

VS阿里供应链 Code的安装操作系统的基本特征就不用多说了，从官网下载对应版本的安装包，安装即可。

官网下载地址：cogitlabde.visualstudio.com/Download

这是我的Windows电脑上安装的V阿里嘎多S Code，giti轮胎注意看，我的顶栏、侧边栏都是阿里中文的，因为电脑怎么重装系统安装了中文的插件：

二、MarkDown插件增强

我们来看一下直接用VS Code打开MarkDown文件的效果：

右上角可以打开双栏预览：

看起来，还可以，但还有改进的空间，我们git教程可以安装一些插件来让它变得更好。

1. Markdown All in One

Markdown All in One是一款多合一的MardDown增强插件：

它号称支持Markdown所需要的一切功能，包括键盘快捷键、目录、自动预览等等，可以看一https安全问题下它的扩展页，或者仓库说明文档：

• marketplace.visualstudio.com/items?itemN…
• github.com/yzhang-gh/v…

2.Markdown Image

Markdown Image主要是对MarkDown中插入图片的扩展，支git教程持将图片放在本地或第三方的图床或对象存储。

使用这个插件，可以做到类似Typora的直接复制本地图片，然后粘贴进MarkDown，图片文件默认是放在本地，也可配置支持 Imgur，七牛，SM.MS，Coding 等图床。

安装完这个插件之后，可以做一些配置，进配置页，搜索：markdown-电脑截图image，可以阿里巴巴1688货源批发官网配置一下相对路径，默认图片文件保存在/res路径下。

使用快捷键Shift+Alt+V就可以直接将剪贴板里面复制好的https安全问题图片粘贴进文档里阿里拍卖：

3.Markdown Preview Enhanced

Markdown Preview Enhanced是对VS Code预览功能的增强，可以改善VS Code的预览体验。

安装这个插件以后，点击预览按钮，就会使用增强的预览giti：

还电脑截图可以在边栏显示目录，不过显示了目录，整个界面就显得有些逼仄。

它同样也提供多阿里员工离职感言个预览主题：

4.Word Count CJK

Word Count CJK是一个用来统计操作系统的主要功能是中文字数的插件：

对于我这种爱肝长文的人来讲，看到文章的字数，也是满满的成就感了。

5.MarkDown Editor

如果说我们就是要Typora所见即所得的体验呢阿里云盘？

我也找到了一款插件MarkDown Ehttps认证ditor：

安装完成之后阿里，对MD文件选择Open with MarkDown Editor就可以所见即所得地https认证打开MD文件了。

还有一些其它的插件：

• markdownlint：markdow格式检查
• Mar电脑怎么录屏kdown Preview Github Styling：GitHub主题预览

大家也操作系统是什么的接口可以阿里巴巴股票去体验一下。

三、图床搭建

使用MarkDown写作，还有一个重要的需求，就是图床，我们写的文章是要发布出去的，MD中的图片是以路径形式保存，本地的路径发布出去可没法访问，所以我们需要给MD编辑器接入图床的功能。

我之前用Typora+PicGo+Gitee搭建了一版图床，后来G电脑怎么恢复出厂设置itee出了那档子事，又换成了Typora+PicGo+Github，我们也照这个思路，在VS Code上搭建一版图床。

1.GitHub仓库配置

2.1. 创建一个新的仓库

创建一个新的GitHub仓库：

• 公开，必须的操作系统是一种，防止访问不到
• 添加一个READM文件，防止仓库没有主干分支

2.2. 生成token

• 进入settings

  

  • 找到developer settin阿里巴巴批发网官网gs

    

    • 创建新的Personal access tokens，时间设置为gitlab永不过期，给repo权限就可以了

      

    • 生git命令成的Token要记下Git来，只显示一次

      

2. 安装配置PicGo

2.1.安giti轮胎装PicGO插件

在VS Code里搜阿里巴巴股票索PicGo，安装：

2.2.配置PicGO

• 打开PicGo的扩展配置

• 配置uploader，选择github

• GitHub相关配置，以我的配置为例：

  • Branch：main，分支

  • Path：空，也可以配置一个相对路径

  • Custome Url：空，

    其实可以配置一个CDN加操作系统当前的配置不能运行此应用程序速的url，jsDeliver，它是一个免费的CDN，最近似乎不可用了，大家也可以试一下，它的使用方法：https://cdn.jsdeliHTTPSvr.net/gh/你的github用户名/你的仓库名@发布的版本号——cdn.jsdelivr.net/gh/fighter3…

  • Repo：figgithubhter3/picgo-win，用户名/仓库格式

  • Togit命令ken：填之前保存的就行了

    

3.图床使用

• 打开MD文件，从别的地方粘贴一个图片，使用 Ctrl + Alt + U，电脑开不了机可以看到文件成功上传，并且可以预览

图片上传相关的快捷键：

OS	从粘贴版上传图片	从浏览器上传图片	从输入框上传图片
Windows/Unix	Ctrl + Alt + U	Ctrl + Alt + E	Ctrl + Alt + O
OsX	Cm操作系统是什么的接口d + Opt + U	Cmd + Opt + E	Cmd + Opt + O

---

用GitHub当图床整体上还是不太理想，上传和访问都不太稳定，我们电脑也可以在PicGo插件里把图床换成七牛、或者腾讯云、阿里云，大体上过程类似，也比较简单。

---

参考：

[1]. 将 VS Code 打造成一个体验舒适的 Markdown 编辑器

[2]. vscode 秒变 全功能 所见即所github得 markdown 编阿里供应链辑器

[3].在VS Code中使用https域名 Picgo + jsDelivr + Github搭建高速稳定图床

---

⭐面渣逆袭系列：

• 面渣逆袭：Java基础五十三问
• 面渣逆袭：Java集阿里巴巴1688货源批发官网合连环三十问
• 面渣逆袭：JVM经典五十问，这下面试HTTPS稳了！
• 面渣逆袭：Java并发操作系统是一种什么软件六十问
• 面渣逆袭：Spring三十五问，四万字+五十图阿里巴巴股票详解！
• 面渣逆袭：二十二图、八千字、二十问，彻底搞定MyBatis！
• 面渣逆袭：计算机网络六十二问，三万字图文详解！速收藏！
• 面试字节，被操作系统问挂阿里供应链了
• 面渣逆https认证袭：RocketMQ二十三问

---