Hexo 有效的插件

一、实现实时预览编辑

在用了一段时间 Hexo 后, 发现写 Hexo 文章时需要到在线的 Markdown 编辑器中实时预览, 感觉还是有些不方便.

在网上一番寻找之后, 发现了一个插件: hexo-browsersync, 这是一个移植插件, 项目主页上基本没有过多的介绍. 下面写一些我自己使用的心得吧.

Hexo-Browsersync 使用方法

首先在项目目录下安装 hexo-browsersync 插件

$ cd hexo_project/
$ npm install hexo-browsersync --save

然后运行 hexo server, 看到以下内容就说明启动成功啦.

$ hexo s
[BS] Access URLs:
 --------------------------------------
          UI: http://localhost:3001
 --------------------------------------
 UI External: http://192.168.191.1:3001
 --------------------------------------
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

其中 3001 端口是 browsersync 的配置页面, 4000 端口就是我们的调试页面了.

参考文章

• Hexo Server 的一个迷の bug – 潘佳邦
• https://github.com/hexojs/hexo-browsersync/issues/12

二、图片插件

插件hexo-renderer-marked解决了这个问题。可以只用npm install hexo-renderer-marked命令直接安装，之后在config.yaml中更改配置如下：

post_asset_folder: true
marked:
  prependRoot: true
  postAsset: true

之后就可以在使用

![](image.jpg)

的方式愉快的插入图片了。

我们做了这么多都是为了方便，那么为什么不再方便一点呢。