修改主题
主题预留了 layouts/partials/head/custom.html
和 layouts/partials/footer/custom.html
这两个文件来自定义页面头部和底部的内容。
借助 Hugo 的特性open in new window可以很方便地覆盖主题的源码(类似 WordPress 的子主题功能)。
举个例子,假设我要在页面底部添加 Google Analytics 统计代码,可以这么做:
- 在站点根目录新建
layouts/partials/footer/custom.html
文件 - 在该文件内插入统计代码
这么做的好处就是可以直接覆盖升级主题,同时不丢失你对主题做的修改。
也可以用同样的方式修改主题的 SCSS 文件(存放在 assets/scss
文件夹下)。同理,需要在站点根目录下创建同名文件,Hugo 就会赋予它更高的优先级。
但在此之前,请查看主题提供的 CSS 变量,避免直接修改样式文件: