前言

在编写 hexo 文章中，或多或少都会有不同样的需求

这时我们可以创造性地瞎搞来满足需求

让我们的懒惰成为可能

HexoEditor

强烈推荐一个可以编写 markdown 的一个软件 HexoEditor

相比于同类 markdown 编辑器它其实没有任何优势，然而我为什么要推荐它呢？

原因：它对 Hexo 编写超级友好，一个右键菜单可以代替完成一系列操作

还有对图像的支持，支持直接截图粘贴在文章中，并且直接生成本地文件

也可以直接上传图床生成外链并且替换本地链接，这些可以均一键完成

还有就是可以完成本地服务及部署操作,支持终止

具体可以详见 HexoEditor & 下载

如果你比较懒，请跳过后面所有内容

Visual Studio Code

虽然并不是所有人都喜欢用一个写代码的东西来写博客，但是不得不说 VScode 不仅在码代码方面表现出色，在编写 markdown 方面同样也不逊色

于是乎经过 HexoEditor 的启发后，我也在想，能否直接使用 VScode 来实现类似于 HexoEditor 的便捷性呢？

答案是肯定的

Markdown Paste

相比于 Paste Image ，Markdown Paste 这款插件有更强大的扩展性

这两个插件都可以实现在编写文章时直接插入剪贴板中的图片，并且在本地相对应目录下生成相应图片文件

关于配置方法可以搜索一下，有条件用 Google，没条件就百度，CSDN 一查一堆

具体详见 Markdown Paste

当然，如果你是像博主一样是个不喜欢图片占据仓库内存而使用外链的用户，那么你可以继续往下看

PicGo

具体详见 PicGo

PicGo 大概大家都很熟悉，它能做到上传图片获得外链

而强大的 VScode 有一款 PicGo 插件，支持良好

关键是根本不需要配置即可使用

直接安装，默认图床是 SM.MS ,这对于博主来说完全 OK

如果你需要使用其他图床，可以参考PicGo文档

它很重要的功能就是：可以使用快捷键来实现上传剪贴板中的图片，生成 markdown 格式的外链并自动插入

于是乎，每次我都可以这么干：

插入网上的图片

可以直接使用他们的图片外链

或者直接复制图片，然后使用快捷键完成操作

插入本地的图片

两种类型

一种是我的截图，这个很好办，还是直接快捷键操作

另一种则是已经保存的图片，这个同样也很容易，打开复制，快捷键完成操作

vscode-hexo

听名字就知道是什么东西了

但这玩意特别鸡肋，通过 VScode Ctrl+Shift+P 打开 VScode 的命令面板

我的需求：

• 快捷生成文章，即 `hexo n “标题”
• 一键生成本地服务并打开，即 hexo clean & hexo g & hexo s & localhost:4000
• 一键完成上传服务，即 hexo clean & hexo g & hexo d

它所能做到的

• 勉强快速生成文章（不满意在于：当我输入的标题中存在空格，需要打上引号，可是它并不能自动帮我打一下，我还得手打）
• 不能一键生成本地服务，得一个一个按
• 不能一键完成上传，也得一个一个按

不过它还是能友好使用的

VScode task.json的使用

这时我们可以知道，这个插件无法满足我的需求了，怎么办？

作为一个蒟蒻，这种简单问题总是想得很复杂

最后摸索了一个晚上的博主，找到了这个解决方案

在 VScode 中打开命令面板，然后可以搜索「Configure Task（配置任务）」，点开它，之后的选项随便打开一个，然后用下面代码替换

{
	"version": "2.0.0",
	"tasks": [
		{
			"label": "Server",
			"type": "shell",
			"command": "hexo clean ; hexo g ; Start-Process -FilePath http://localhost:4000 ; hexo s"
		},
		{
			"label": "Deploy",
			"type": "shell",
			"command": "hexo clean ; hexo g ; hexo d"
		}
	]
}

很简陋 很简洁

「label」是这两个任务的名称，爱怎么取怎么取

Server中的「Start-Process -FilePath http://localhost:4000」我解释一下

「-FilePath」是为了在浏览器中打开新标签页，否则每次都会打开一个浏览器新窗口

这条命令作用是直接调用浏览器打开本地博客页面

如果将这个命令放在 hexo s 后呢？

server 服务还没停下来，是不会打开运行后面语句的，于是选择了最简单的方法：放前面

下次想要部署或是打开本地服务？直接快捷键调出命令面板，运行任务（Run Task），然后就可选择了

虽然插件鸡肋，但是人家做的还是很好的，新建文章的功能干脆就用插件吧，原因：我不会了

那么，如何实现一键？难道每次都要调出命令面板然后输入吗？

错！

绑定任务快捷键网上一搜一大把，就不再赘述了

后记

懒惰使我干了这篇文章所记录的事

本篇的操作灵感主要来源于 HexoEditor，感谢它的作者

最终我们可以列下这么一个清单

• 插入图片并在本地生成对应目录及文件
• 自动上传图片并创建外链
• 一键生成本地服务
• 一键上传静态文件

这些在 HexoEditor 中都可以得到实现

而 VScode 解决过程较之繁琐，解决出来的最终效果与 HexoEditor 也差不多，甚至 VScode 会更加繁琐一点

有点做无用功的感觉

不过问题不大，使用体验还是很好的，毕竟我是键盘户，能不动鼠标尽量不动鼠标，而 VScode 能够完美地满足我的这点

完事，收工

最后

以上就是神勇飞鸟为你收集整理的hexo 提高你的写博效率前言HexoEditorVisual Studio Code后记的全部内容，希望文章能够帮你解决hexo 提高你的写博效率前言HexoEditorVisual Studio Code后记所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。