如何使用Hugo（静态站点生成器）将图像/图形居中对齐？

Question

我正在寻找一种适用于hugo server命令的解决方案。我知道我可以在static/css目录中创建一个附加的.css文件，并使用hugo命令将其合并到公共目录中，但是不幸的是，该文件不适用于hugo server。

谢谢。

Answer 1

在Hugo Pipes上，您有一个示例，其中包含Hugo Pipes Revolution -- A Hugo built-in asset pipeline中的“ Regis Philibert”。

  

从现在开始，Hugo将负责捆绑，缩小，对我们的资产进行指纹识别，甚至编译我们的sass文件！所有这些都不需要任何外部构建工具。

因此它可以与hugo server一起使用。
您可以在assets中定义方法：

  

这些方法仅适用于assets目录中的文件：将其视为static目录，除非默认情况下不会发布这些文件。

     

非常类似于其静态副本：

     

  
• 可以使用assetDir的{​​{1}}键来配置其位置。 （默认为config.yaml）
  
• 它遵循Hugo的文件统一逻辑。
    这意味着assets中的所有内容都会覆盖project/assets中的同名文件。
  

您可以在其中修改sass centering techniques之一，以使用管道将其自动应用于图像。
请参阅“ Centering With Sass”。