Hexo-butterfly主题增加友链界面

从 Hexo-Stellar主题 换到 Hexo-Butterfly主题 之后，有好几个地方都得重新适应，友链页面就是其中之一。跟着一起搞定友链页面，准能行。

一、友链页面

Hexo-butterfly主题已给我们设计了友链页面，只需在博客根目录的 source 下面，新建一个 link 文件夹，里面丢个 index.md，内容就这么几行：

---
title: 友链展示
date: 2025-11-16
type: "link"
---

type: "link" 这行是给Hexo看的，告诉Hexo这里绑定了Hexo-butterfly主题里的友链模板。

二、友链数据

构建好了页面，可是数据还是空的，好需要一个数据文件。Hexo-Butterfly你需要在根目录的 _data 文件夹下新建 link.yml，然后照这个格式填：

- class_name: 友情链接
  class_desc: 这里的每个站点，都耐人寻味……
  flink_style: flexcard
  link_list:
    - name: 示例博客
      link: https://对方博客链接
      avatar: https://对方博客头像地址
      descr: 对方博客介绍

• name：对方站点的名字
• link：站点链接
• avatar：头像地址
• descr：一句简短的介绍

只要在 link_list 下面再挂一组就行，十分简单。

三、 加到菜单栏

页面和数据都齐了，接下来得给它一个入口。

打开主题配置文件 _config.butterfly.yml或者_config.yml，找到 menu 那块，加一行：

友链展示: /link/ || fas fa-link

保存就行。图标是 Font Awesome 的，你看着换也没问题。

四、 部署上线

执行下面的命令部署上线

hexo clean
hexo g
hexo d