接受的答案是可以的,但仅适用于基本构建。如果您想更好地控制工作流程,例如:
- 用于测试 Hugo 站点的虚拟服务器在构建完成后自动打开
- 为了能够观察 JS、SCSS、.md 的变化——并且只运行适当的任务,然后实时更新虚拟服务器
- 能够一次滚动所有设备
- 和许多其他事情,
您需要停止使用 Hugo 内置的虚拟服务器,并且只使用 Hugo来构建站点。也就是只用 Hugo 来生成public
文件夹,就这样。
为此,您需要设置一个任务运行器:Grunt、Gulp或简单地定义npm scripts。我正在使用后者,我将npm-build-boilerplate作为主干,并使其使用 Hugo 生成的public
文件夹作为虚拟服务器的源。
设置好后,您可以在本地或外部访问 UI,也可以在本地或外部访问后端配置页面,
-------------------------------------
Local: http://localhost:3000
External: http://192.168.1.65:3000
-------------------------------------
UI: http://localhost:3001
UI External: http://192.168.1.65:3001
-------------------------------------
这要归功于集成到上述样板中的惊人的浏览器同步npm 库,请参阅https://www.browsersync.io/了解更多信息