文件名称:hugo-gulp-template:雨果项目的增强模板
文件大小:7KB
文件格式:ZIP
更新时间:2024-02-23 18:54:37
gulp static-site-generator hugo scss livereload
雨果胶模板 这是什么? 这是项目的模板。 Hugo包含一个用于构建项目的CLI,但是当您要编译和处理资产时,它会受到一些限制。 此模板增强了标准的Hugo工作流程,增加了以下功能: 编译SCSS源代码。 脚本,样式表和HTML代码的最小化。 丑化为脚本。 为资产添加哈希以消除缓存。 图像优化。 具有支持的服务器。 使用分离的环境更好地管理配置。 如何安装? 首先,您需要安装hugo , npm和gulp 。 为了使用它,您必须通过在模板根文件夹中执行以下命令来安装其依赖项: $ npm install 就这样! 关于文件夹结构 此模板向Hugo项目添加了两个其他文件夹: /stylesheets :您必须在其中放置SCSS文件的位置。 建立网络之后,编译后的文件将位于/public/css 。 /scripts :必须将Javascript文件放入的位置。 在构建Web之后,编译后的文件将位于/public/js 。 如何建立网路 在根文件夹中,您必须执行: $ gulp build 这将生成Web,编译SCSS代码,最小化所有代码,优化图像,丑化Java
【文件预览】:
hugo-gulp-template-master
----config.dev.toml(85B)
----content()
--------.keep(0B)
----archetypes()
--------.keep(0B)
----layouts()
--------.keep(0B)
----scripts()
--------.keep(0B)
----stylesheets()
--------.keep(0B)
----gulpfile.js(4KB)
----README.md(4KB)
----data()
--------.keep(0B)
----.gitignore(103B)
----config.prod.toml(73B)
----package.json(1KB)
----static()
--------.keep(0B)