我原本用的是 Stellar 博客主题，后来听朋友推荐换成了 Butterfly 主题，却卡在了友链界面的部署上。经过多次踩坑试错，终于成功搭建出满意的友链页面，于是整理出这份手把手教程，希望能帮到同样是小白的朋友们。

一、创建页面文件

在blog/source/link中创建文件index.md

打开文件，把文件头改成这样

1
2
3
4
5
---
title: 友链展示
date: 2025-11-16
type: "link"
---

2.创建数据文件

在blog/_data中创建文件link.yml

打开文件，改成这样

1
2
3
4
5
6
7
8
- class_name: 友情链接
  class_desc: 这里的每个站点，都耐人寻味……
  flink_style: flexcard
  link_list:
    - name: 雨砚Blog
      link: https://www.yuyano.com
      avatar: https://www.yuyano.com/img/0/favicon.webp
      descr: 一个技术博客丫

name：网站名称
link：网站链接
avatar：网站邮箱
descr：网站介绍

每加一个友情链接就多加一个name link avatar descr

3.在导航栏显示友链

打开blog/themes/butterfly中的_config.yml

menu栏增加一行

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

最后送上hexo三联

1
2
3
hexo cl
hexo g
hexo d

不出意外，友链界面应该正常显示了

总结

建站本就是一场充满探索的 DIY 之旅，每一次踩坑后的解决，都是属于自己的进步。快去刷新博客，验收专属于你的友链展示区吧！