Hugo静态页面中图片配置

图片尺寸和比例

尺寸 > 2048

比例 = 16:9(1.78:1)宽屏

1920 × 1080 像素(Full HD)。

3840 × 2160 像素(4K UHD)。

适合现代设备和多媒体内容。

短代码


欢迎来访!

如何通过这一小段代码控制图片显示的尺寸或比例?

图标文件

图标不是由单个文件定义的,而是通过以下方式引入:

Docsy 主题引入:在 hugo.yaml 文件中,您通过模块导入了 Docsy 主题:

module:
  imports:
    - path: github.com/google/docsy
      disable: false

Font Awesome 库:Docsy 主题会自动引入 Font Awesome 图标库。

查找可用图标

官方文档:访问Font Awesome网站

本地文件:如果您想查看本地文件,可以在以下位置查找:

在您的项目根目录运行 hugo mod vendor 命令 然后查看 _vendor/github.com/google/docsy/ 目录下的相关资源文件 使用示例:您可以参考 content/zh-cn/_index.md 中的现有示例:

icon="fa-people-group" title="共创社区" 
icon="fab fa-github" title="贡献开源" 
icon="fab fa-twitter" title="社交媒体" 

正确定义图标名称时,只需使用 Font Awesome 的标准名称,并确保使用正确的前缀(fa-、fab fa- 等)。