Hexo 利用 browsersync 进行自动刷新
2022年5月17日大约 1 分钟
上一级页面:index-la
众所周知,hexo server
这个命令可以在本地预览博客,不过它并不会进行自动刷新,因此不方便实时查看更改结果,
经网上查找资料得知,有一个插件 hexo-browsersync 或许可以解决这个问题。这篇文章就来验证一下它的效果。
安装 Browsersync
在站点目录下执行
npm install browser-sync --save
安装完成后利用 npm browser-sync --version
来检测是否安装成功
安装 Hexo 插件
在 Hexo 目录下执行
npm install hexo-browsersync --save
使用命令安装:
yarn add hexo-browsersync
安装插件。
启动测试
使用 hexo s
启动服务即可
安装成功之后,只需要正常执行 hexo server
或 hexo s
就能查看效果了。
使用效果
经过测试,当保存文章的 Markdown 文件时,网页会自动刷新
效果:修改 Markdown 文件并保存后浏览器可以自动刷新
致谢
优化博客(十五):实现 hexo server 自动刷新 | 兴趣使然的博客 (googleusercontent.com)