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

Question

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

提前致谢。

标签： hugo

Answer 1

在Hugo Pipes上，您有一个来自Regis Philibert的“ Hugo Pipes Revolution -- A Hugo 内置资产管道”示例，以提供一些示例。

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

所以它适用于hugo server.
您可以在以下位置定义您的方法assets：

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

很像它的静态对应物：

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

从那里，您可以调整其中一种sass 居中技术，以使用管道将其自动应用于您的图像。
请参阅“使用 Sass 居中”。