将CSS文件链接到Hugo中的部分模板

Question

是否可以在Hugo中将CSS文件链接到部分模板？

我有一个只有导航的部分模板。例如这样的东西：

<ul>
 <li>Menu Item 1</li>
 <li>Menu Item 2</li>
 <li>Menu Item 3</li>
 <li>Menu Item 4</li>
</ul>

我正在使用Sass，并且有一个用于导航的Sass文件-nav.scss，它将作为nav.css输出。

我的要求是仅在使用导航部分模板时才加载nav.css。雨果有可能吗？

Answer 1

  

我的要求是仅在使用导航部分模板时加载nav.css。雨果有可能吗？

没有，Hugo目前无法做到这一点。

最好的解决方法可能是复制确定是否插入部分的相同逻辑。例如，如果您仅在首页中包含导航部分：

.footer-container:last-child :last-child  {
  display: none;
}

然后，您将该逻辑复制到主题标题中，以加载{{ if .IsHome }} {{ partial "nav.html" . }} {{ end }} 文件：

nav.css