如何使用hexo服务器--draft和Livereload

Gaz*_*dge 0 livereload hexo

我正在使用hexo撰写博客文章草稿.我正在运行hexo服务器,如下所示:

hexo server --draft
Run Code Online (Sandbox Code Playgroud)

这会监视草稿文件夹中的更改并生成草稿帖子,可以在http://0.0.0.0:4000查看

问题是我无法弄清楚如何在编写草稿时使用实时重载.

随着livereload我打电话

live-reload --port 9091 public/
Run Code Online (Sandbox Code Playgroud)

并使用浏览器使用javascript实现

<script type="text/javascript" src="//localhost:9091"></script> 
Run Code Online (Sandbox Code Playgroud)

我可以看到为什么这不起作用,live-reload正在寻找对公用文件夹的更改.在服务器以草稿模式运行时,我不知道html生成的草稿存储在哪个文件夹中.我搜索了我的项目结构,似乎看不到任何明显的东西.有任何想法吗?

Big*_*ich 8

Hexo 可以通过' 基于浏览器同步 '的插件' hexo-browsersync ' 提供类似实时重载的功能.

实际上还有一个hexo-livereload插件,但net和hexo-browsersync的NPMJS评级似乎更倾向于Browsersync Hexo插件.

Christopher Martin的博客文章" Hexo Blogging Framework入门 "概述了该插件的安装和使用,以及许多其他有用的提示:

要安装hexo-browsersync插件:

$ npm install hexo-browsersync --save
$ hexo server --draft --open #restart the server

这可能比OP接受的答案更适合OP的原始问题.