如何将图像/图形与 Hugo 对齐（去静态站点生成器）？

Question

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

提前致谢。

Answer 1

在Hugo Pipes 上，您有一个来自Regis Philibert 的带有“Hugo Pipes Revolution -- A Hugo built-in asset pipeline”的示例来举例说明。

从现在开始，Hugo 将负责打包、缩小、指纹识别我们的资产，甚至编译我们的 sass 文件！所有这一切都无需任何外部构建工具。

所以它适用于hugo server。
你可以在assets中定义你的方法：

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

很像它的静态对应物：

• 它的位置可以通过config.yaml 的assetDir 键进行配置。 （默认为assets）
• 它遵循 Hugo 的文件统一逻辑。
  这意味着，您的 project/assets 中的任何内容都将覆盖您的 theme/assets 的同名文件。

从那里，您可以调整sass centering techniques 之一，以使用管道将其自动应用于您的图像。
见“Centering With Sass”。