说实话，刚折腾 Hexo 那会儿，我也觉得加个友情链接是小事，随便改改模板文件就行。结果呢？每次部署都报错，或者链接样式乱飞，搞得我心态崩了。今天不整那些虚头巴脑的理论，就聊聊我这三年来在 Hexo 上加友情链接的血泪史，全是真金白银买教训换来的经验。
首先，你得明白一个核心逻辑：Hexo 是静态博客，它不像 WordPress 那样有后台插件一键搞定。你每次 hexo clean && hexo g && hexo d 重新生成站点时，如果你把友情链接写死在主题源码里，一旦主题更新，你的修改就全没了。这绝对是新手最大的坑。
我见过太多人直接在 layout/_partial/footer.ejs 或者 sidebar.ejs 里硬编码一堆 标签。看着挺热闹，下次主题升级，好家伙，直接覆盖，白干。正确的做法，是利用 Hexo 的 Front-matter 或者全局配置文件。
推荐方案是用 _config.yml 或者单独建一个 link.yml。我习惯在根目录建个 link.yml，里面按格式写好朋友的链接、头像、描述。然后在主题配置里引用它。这样，不管你怎么换主题，只要配置不变，链接就在。
具体怎么操作呢？以我常用的 NexT 主题为例（虽然我也试过 Butterfly，逻辑差不多）。在主题配置文件中找到 links 或者 social 相关的字段。别直接改代码，去改配置文件。比如：
`yaml
links:
- title: 老王的技术栈
url: https://wong.com
avatar: /images/avatar.jpg
desc: 一个爱折腾的前端
`
然后在侧边栏模板里，用循环语句遍历这个列表。这样你只需要维护这个 YAML 文件，不用碰任何 HTML 代码。
这里有个细节，很多人忽略：友链的头像加载速度。如果你把头像放在本地，每次加载都要请求你的服务器，如果图片太大，页面加载就慢。我之前的做法是把头像上传到图床，或者放在自己的 CDN 上。别为了省那点流量，把用户体验搞差了。
再说说 SEO 方面。Hexo 加上友情链接，不仅仅是为了礼貌，更是为了权重传递。但是，别加那些乱七八糟的站群链接。我有个朋友，为了刷权重，加了几十个不知名的小站，结果被百度判定为链接农场，收录直接腰斩。教训啊！只加那些真正有内容、更新频繁、和你领域相关的朋友。
还有，链接的打开方式。默认是 _blank 新窗口打开，这没问题。但有些主题默认是 _self，点进去就回不来了。这个一定要检查。在模板里找到 标签，加上 target="_blank"。
最后，关于样式。别指望默认样式能完美适配所有网站。我花了一个下午，用 CSS 调整了链接的 hover 效果，加了个简单的阴影和圆角。虽然代码不多，但看着舒服。别偷懒，细节决定成败。
总之，Hexo 加上友情链接，看似简单，实则考验你对静态博客机制的理解。别硬改源码，善用配置文件，维护起来才省心。希望这些经验能帮你少走弯路。毕竟，写博客是为了分享，不是为了修 bug。
本文关键词：hexo 加上友情链接