VSCode写博客以及发布

@

前言

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

MarkdownTools

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

img

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

img

Markdown Preview Enhanced

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

img

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

img

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

img

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

img

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

img

MD文件转成PDF文件

在对应的预览界面右键点击,open in browser 在浏览器打开

img

在浏览器中右键,点击打印,选择另存为PDF,点击保存即可保存对应的pdf文件

img

博客园Cnblogs客户端

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

img

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

img

插入图片

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

img

一键发布

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

img

posted @ 2022-10-01 09:47  啊唯0o  阅读(425)  评论(5编辑  收藏  举报