通过VScode写博客

前言

在以前的写作方式为Typora编辑MD文件,然后登录博客园复制整篇文章,因为Typora真的很好用,所以一直用到现在。但是还是感觉不够方便。所以才找到了用VSCode写作的方法。

现在的写博客流程只需要编辑MD文件,然后就可以通过插件直接上传到博客园,有什么修改也能一键保存到相应文章。

所需插件

  • 博客园Cnblogs客户端(核心)
  • Markdown All in One(提供MD写作的优化)
  • Markdown Preview Enhanced(在一边提供预览)
  • Markdown Shortcuts(提供诸如表格生成等一系列代替你写语法的快捷功能)
  • markdownlint(MD语法检测)

简单介绍

博客园插件

博客园Cnblogs客户端这个插件点进去就可以看到详细的解释,这里简单说一下。

登录授权完成后,选择Cnblogs console可以看到

img

你设定工作空间为你本地MD文件存放目录,这里我设定的是我的坚果云同步目录,这样就可以编辑完成后在各个设备同步我的MD文件。

在博客园-随笔列表中可以查看你所有在博客园写的随笔,可以搜索你的博文和新建本地草稿(我并不常用)。

在资源管理器中右键你的MD文件有下边几个选项

img

点击保存到博客园,选择新建博文并进行设置就可以直接发布到博客园了。

img

拉取远程更新会强制覆盖你本地的MD文件。

当然了,这个插件也可以让你方便的把剪切板的图片上传到博客园图床。只需要右键点击编辑器输入界面,或者直接使用快捷键。

img

Markdown写作插件

Typora除了好看之外在Markdown编辑的方面也是非常的方便,在VSCode中的替代品就是我上文提到的插件。

Markdown All in One快捷键

Key Command
Ctrl/Cmd + B 加粗
Ctrl/Cmd + I 倾斜
Alt+S (on Windows) 横划线
Ctrl + Shift + ] 提高标题等级
Ctrl + Shift + [ 降低标题等级
Ctrl/Cmd + M 切换数学环境
Alt + C 勾选或取消勾选任务列表
Ctrl/Cmd + Shift + V 切换预览
Ctrl/Cmd + K V 将预览切换到一侧

Markdown Shortcuts提供的快捷功能一览:

img

经过长时间的适应,所有插件结合在一起带给了我不输于Typora的博客编辑体验。

posted @ 2023-05-11 00:22  云子墨  阅读(87)  评论(1编辑  收藏  举报