Featured image of post hugo stack 主题添加 b 站图标跳转个人主页配置

hugo stack 主题添加 b 站图标跳转个人主页配置

前言

本文主题是如何实现 hugo stack 主题添加 b 站图标(或者是称作徽标?)跳转个人主页配置

就是添加这么一个小图标的功能,点击即可跳到 b 站的个人主页

实操

下载对应图标:地址1

保存格式为 svg,然后将资源放到 /root/hugo/themes/hugo-theme-stack/assets/icons 目录下

我的文件为 bilibili.svg

添加对应配置文件即可。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
menu:
    main: []
    social:
        - identifier: github
          name: GitHub
          url: https://github.com/zero3737
          weight: 1  # 权重值,决定图标在导航栏中的位置,越小越靠前
          params:
              icon: brand-github
        - identifier: bilibili
          name: Bilibili
          url: "https://space.bilibili.com/4069668"  # 替换为你的 B 站个人主页链接
          weight: 2  # 权重值,决定图标在导航栏中的位置,越小越靠前
          params:
              icon: bilibili  # 图标的名称,应与你放置在 `assets/icons/` 目录下的文件名(不带扩展名)一致

重启服务器,即可添加完成。

Licensed under CC BY-NC-SA 4.0
最后更新于 2025-03-30 16:10 UTC