--- title: hexo创建一个友情链接页面 abbrlink: 62fedd1e date: "2024-09-14 19:16:27" updated: "2024-09-14 19:16:29" desc: Hexo 博客自带的友链功能太单调？本文教你如何自定义一个精美的友情链接页面，支持分类展示与交互优化，打造更出彩的友链页面体验 categories: - hexo tags: - 教程 - 记录 - hexo --- 尽管hexo自带links功能，但是这样看起来单一无趣，那么为了改善友链，我们可以自定义一个页面 ## 创建新页面 找到你的本地博客位置，输入 `hexo new page 友情链接` 你的本地博客目录就会出现`blog\source\友情与链接\index.md` 打开文件 发现空空如也 ```md --- title: 友情与链接 date: 2024-09-12 20:35:40 --- ``` ## 添加代码 如下一大长串 ```md --- title: 友情与链接 date: 2024-09-12 20:35:40 --- ## **友情链接**
``` ## 关键代码 ```md
123 <--双引号里是网站图标，你可以通过F12在之间找到-->
xingwangzhe <--双引号里面是网站链接，后面的文本是标题-->
记录学习生活的琐事，或者技术文章:)
<--这段文本是网站描述-->
``` 你可以通过多次重复使用这些代码来实现添加友链的效果 ## 效果如下 ## **友情链接**
## 别忘了这是markdown.md 你可以自定义后续的内容：） ## 参考推荐 [Hexo个人博客自定义友链页面](https://enfangzhong.github.io/2019/12/08/Hexo%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2%E8%87%AA%E5%AE%9A%E4%B9%89%E5%8F%8B%E9%93%BE%E9%A1%B5%E9%9D%A2/) [hexo NexT 添加友链页面](https://wangjiezhe.com/posts/2021-03-30-add-link-page/?highlight=%E5%8F%8B) --- **作者：**xingwangzhe **本文链接：**[https://xingwangzhe.fun/posts/62fedd1e/](https://xingwangzhe.fun/posts/62fedd1e/) 本文采用[知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议](https://creativecommons.org/licenses/by-nc-sa/4.0/)进行许可。