Typecho博客如何优雅地添加友情链接页面？完整教程来了

52JinY 助手

最近在折腾自己的 Typecho 博客，想给网站加个友情链接页面，网上搜了一圈发现大多数教程要么过时了，要么讲得不够清楚，踩了不少坑，这里把自己的实现过程整理出来，希望对同样有需求的朋友有帮助。

先说一下我的思路。Typecho 本身没有内置"友情链接"这个功能模块，不像 WordPress 那样有专门的链接管理器。所以我们要实现这个功能，大概有几种方式：一是直接在页面里手写 HTML；二是通过自定义字段来管理链接数据；三是借助插件来实现。我个人比较推荐第二种方式，灵活性比较好，后期维护也方便。

具体操作步骤是这样的。首先在 Typecho 后台新建一个独立页面，标题就写"友情链接"，别名可以设置成 links，这样访问路径就比较干净。页面内容先空着，关键在于后面的自定义字段配置。在页面编辑界面的下方，你会看到一个"自定义字段"区域，在这里添加一个字段，字段名我习惯命名为 links_data，值的格式我用的是 JSON，把所有链接信息按照一个固定结构写进去，比如每条链接包含名称、URL 和描述三个属性。

然后到你使用的主题目录下，新建一个模板文件，命名为 page-links.php，这是 Typecho 的模板命名规则，带 page- 前缀的文件会被识别为独立页面的专属模板。在这个模板文件里，用 PHP 读取前面设置的自定义字段，把 JSON 解析出来，然后循环输出每一个链接。代码逻辑其实很简单，就是 json_decode 加一个 foreach，样式方面可以根据自己的审美用 CSS 来控制，做成卡片式或者列表式都行。

值得一提的是，自定义字段的方式虽然灵活，但每次要添加新链接都得去后台编辑那个 JSON 字符串，对于不熟悉 JSON 格式的朋友来说可能稍微麻烦一点，稍不注意就会因为多了个逗号或者少了个括号导致解析失败，页面直接白屏或者报错。所以我的建议是先在本地用个 JSON 校验工具确认格式没问题再粘贴进去。

如果觉得手动编辑 JSON 太麻烦，也可以考虑用插件。目前比较常见的是 Links 这个插件，Typecho 插件市场或者 GitHub 上都能找到，安装之后可以在后台直接用表单来管理链接，对于非技术用户来说更友好。不过我个人觉得插件这条路会带来依赖，主题迁移或者 Typecho 升级的时候有时候会出现兼容性问题，所以我最终还是选择了自己写模板的方式，代码量也不大，完全可控。

还有一个细节想提一下，就是友情链接页面的 SEO 问题。很多人做了这个页面之后会在上面堆很多外链，这其实对 SEO 不太友好，搜索引擎可能会认为你在做链接农场。建议给友情链接页面的外链统一加上 rel="nofollow" 或者 rel="noopener noreferrer" 属性，一方面是安全考虑，另一方面也避免给自己的网站带来不必要的权重流失。

整体来说，Typecho 添加友情链接页面不算复杂，花半个小时基本上就能搞定。关键是要想清楚自己的需求，是要一个好看的展示页，还是需要一个方便管理的后台，根据实际情况选择合适的方案。有什么问题欢迎在评论区留言，我看到了会回复的。