友情链接

了解如何配置 Solitude 主题的友情链接页面。

配置页面

在 Hexo 博客根目录下打开终端，输入以下命令创建新页面

hexo new page links

创建数据文件

它将在博客目录的 source 文件夹下生成一个 links 文件夹，其中包含 index.md 文件。 接下来在里面加入页面 type 和 data 值。

参考（可按需修改）：

index.md
---
title: 友情链接
date: 2025-07-13 21:16:15
type: links
data: links
---

在博客目录的 source 文件夹下创建 _data 文件夹，在其中创建一个名为 links.yml 的文件。

在这里配置你的页面内容，可参考下面的模板

友链内容的模板

links.yml
banner_suffix:
links:
  - class_name: 框架与主题
    descr: 本站搭建采用的原框架与主题
    type: card
    suffix:
    link_list:
      - name: Hexo
        link: https://hexo.io/zh-cn/
        avatar: https://d33wubrfki0l68.cloudfront.net/6657ba50e702d84afb32fe846bed54fba1a77add/827ae/logo.svg
        descr: 快速、简单且强大的网站框架
        topimg: https://s2.loli.net/2024/11/10/Zm5dvbLOUMr9iFk.webp
      - name: 张洪Heo
        link: https://blog.zhheo.com/
        avatar: https://img.zhheo.com/i/67d8fa75943e4.webp
        descr: 分享设计与科技生活
        topimg: https://img.zhheo.com/i/67d8fb5f563ff.webp
      - name: Solitude
        link: https://solitude.js.org/
        avatar: https://s2.loli.net/2024/10/10/hOTRIKV4vy6EMf2.webp
        descr: 一个卡片UI主题，适用于 Hexo
        topimg: https://s2.loli.net/2025/01/21/RcNxQMy6mfliXtS.png
  - class_name: 小伙伴
    descr: 一些可爱的朋友🥰
    type: item
    suffix:
    link_list:
      - name: ❖星港◎Star☆
        link: https://blog.starsharbor.com
        avatar: https://bu.dusays.com/2025/04/11/67f92f6fcfb26.webp
        descr: 以博客记录生活与热爱！
      - name: Mo的记事簿
        link: https://blog.xiowo.net/
        avatar: https://blog.xiowo.net/img/avatar.png
        descr: 万年鸽王，哈哈OvO

文件结构参考

字段说明

1. 全局配置

字段说明
banner_suffix所有banner图片的统一后缀

2. 分类配置

字段说明可选值
class_name分类标题（显示为H2标题）-
descr分类描述文本-
type友链显示类型card/item/discn
suffix该分类专用头像后缀-
topimg_suffix该分类专用顶部图片后缀-

3. 友链配置

字段必填说明格式示例
name✓网站名称-
link✓网站URL-
avatar✓*头像URL（card/item类型必填）https://example.com/avt.png
descr简短描述-
topimg顶部横幅图URL（仅card类型需要）-
tag角标标签文本（如VIP/推荐等）VIP/推荐
color标签颜色（vip/speed或HEX颜色码）#ff0000/vip
编辑此页面
关于页
了解如何配置 Solitude 主题的关于页。
我的装备
了解如何配置 Solitude 主题的我的装备页面。