VSCode写博客以及发布

前言

在编写博客的道路上面，几经波折，以前写博客，都是直接使用CSDN或者博客园在线编辑，需要注意格式，编辑设置等一堆东西，总感觉这样用起来很不方便。后来偶然间在网络上看到使用Markdown来写博文，一眼看去，感觉用起来舒服多了，但是！图片的插入用起来又很费事了，于是又开始一顿搜索，最终，功夫不负有心人，还是让我找到了解决方式，那么写博客的烦人的问题就一扫而空了，哈哈哈😄，现在整理一下在写博客过程中我所使用的插件，分享给大家。

MarkdownTools

首先，就是这款写作工具，方便我们快速编写博客，并且使用起来非常快捷。推荐⭐️⭐️⭐️
进入扩展界面，在应用商店里面输入 MarkdownTools，即可找到如下插件，点击进行安装。

安装完成后，可以再左边工具栏，看到M图标，该插件里面含有日常编写Markdown所需要的标题，字体，代码，公式，表情以及流程图等，内容非常的丰富，覆盖到我们编写过程中所需要的东西，方便又快捷！

Markdown Preview Enhanced

其次，这款博客实时预览插件，能够将你的博文实时的显示在VSCode里面。 推荐⭐️⭐️⭐️
同样的在扩展界面，应用商店里面下载 Markdown Preview Enhanced

下载完成以后，在对应的.md文件里面，点击右键选择打开侧边预览，就可以实时查看我们编写的博文了。

在预览界面里，点击右键显示主题，选择黑色，这样就能够调整成同样的背景色了。

点击该位置，可以查看目录以及对应跳转

这样我们就能在VSCODE很方便的编写blog了, 最终的效果如下图所示:

博客园Cnblogs客户端

最后，强大的工具来了，能够一键关联博客园，一键上传博客，一键上传图片等等，强力推荐⭐️⭐️⭐️⭐️⭐️
进入扩展界面，在应用商店里面输入 博客园Cnblogs客户端，即可找到如下插件，点击进行安装。

当安装完成后，左边工具栏里显示如下（这里是登录后的显示界面），没有登录点击扫码登录即可。这样我们就能够很方便的在VSCode里面对博客园进行博客管理。

插入图片

当编写过程中，需要插入图片的时候，可以先把图片复制，然后点击.md文件的右键或者快捷键CTRL+ATL+U即可将图片上传到博客园

一键发布

当编写完成的时候，点击.md文件的右键或者文件右上角图标，即可一键发布