Hugo 单页自定义样式
目录
需求
不是所有页面都是文章格式的，比如内嵌iframe 需要大一点的空间，一些汇总或者导航页需要平铺
解决方案
问AI 一般会给两个方案，一种自定义单页样式，一种创建一个新的分类模块自成一体
显然第二种很繁琐，也和初衷不一致，所有采用第一种方案
原理
AI 能直接给出一些代码，但是由于Hugo模版众多，未必能直接运行达到效果
实践后，总结其原理如下
- Hugo 本身就是一种模版技术，一般的Html模版框架，都提供一种类似母页模版块，子页可定制填充的功能
- CSS 本身有优先级的概念，只要实现子页定制CSS优先级高就可以覆盖模版中的样式，就可以实现样式自定义
- 在1的基础上子页要能标识自己，在母页块中区别填充自定义CSS类
实际原理就是这么简单，主要看开发人员对于Hugo技术掌握程度（不知道别人，对我来说，没有太多深入了解，看AI给的代码一阵操作结合原理终于实现）
如果遇到问题希望快速实现，可以联系我打赏技术支持。