友情链接页面配置

新建友链页面

  1. 前往你的 Hexo 博客的根目录
  2. 在 Hexo 博客根目录 [blog]下打开终端，输入
1
hexo new page link

找到 source/link/index.md 这个文件。修改这个文件： 记得添加 type: "link"

img

我直接给出我的配置文件，你可以根据自己需求进行修改。

img

友链模板

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
---
title: 友情链接
date: 2023-04-14 18:28:05
type: 'link'
---

<h1>我的友链</h1>

{% tabs Mylink%}

<!-- tab 🙋 butterfly-💭candy -->

```yml
- name: 野猪佩奇弟弟
  link: https://hexo.814925.xyz/
  avatar: https://imgbed.814925.xyz/file/1727838791930_touxianglogo.png
  descr: 菜就要多练
  siteshot: 
```

<!-- endtab -->

{% endtabs %}

{% folding , 友情链接页免责声明 %}

## 免责声明

本博客遵守中华人民共和国相关法律。本页内容仅作为方便学习而产生的快速链接的链接方式，对与友情链接中存在的链接、好文推荐链接等均为其他网站。我本人能力有限无法逐个甄别每篇文章的每个字，并无法获知是否在收录后原作者是否对链接增加了违反法律甚至其他破坏用户计算机等行为。因为部分友链网站甚至没有做备案、域名并未做实名认证等，所以友链网站均可能存在风险，请你须知。

所以在我力所能及的情况下，我会包括但不限于：

1. 针对收录的博客中的绝大多数内容通过标题来鉴别是否存在有风险的内容
2. 在收录的友链好文推荐中检查是否存在风险内容

但是你在访问的时候，仍然无法避免，包括但不限于：

1. 作者更换了超链接的指向，替换成了其他内容
2. 作者的服务器被恶意攻击、劫持、被注入恶意内容
3. 作者的域名到期，被不法分子用作他用
4. 作者修改了文章内容，增加钓鱼网站、广告等无效信息
5. 不完善的隐私保护对用户的隐私造成了侵害、泄漏

最新文章部分为机器抓取，本站作者未经过任何审核和筛选，本着友链信任原则添加的。如果你发现其中包含违反中华人民共和国法律的内容，请及时联系和举报。该友链会被拉黑。

如果因为从本页跳转给你造成了损失，深表歉意，并且建议用户如果发现存在问题在本页面进行回复。通常会很快处理。如果长时间无法得到处理，建议联系`1104605271@qq.com`。

## 本站添加的友链要求

1. 能够正常访问
2. 含本站友链
3. 网站类型为<strong>个人博客</strong>

请（<a onclick="anzhiyu.addFriendLink()" href="#post-comment">点击这里快速添加</a>） 站点信息申请友情链接，申请后在我不忙的时候会统一添加，即使不通过也会给予邮件回复。

## 你提交的信息有可能被修改

如果有修改，我会将修改内容进行告知

1. 为了友链相关页面和组件的统一性和美观性，可能会对你的昵称进行缩短处理，例如昵称包含`博客`、`XX 的 XX`等内容或形式将被简化。
2. 为了图片加载速度和内容安全性考虑，头像实际展示图片均使用博客自己图床，所以无法收到贵站自己的头像更新，如果有迫切的更改信息需求，请在本页的评论中添加。
3. 为了保证鱼塘能够正确抓取文章，所有的友链链接要求为博客主页链接，而不是个人主页链接。

## 提交友链信息

为了避免图床问题，建议你将头像存储到贵站图床。

参照以下格式留言 📋 即可。

```yml
昵称（请勿包含博客等字样）：
网站地址（要求博客地址，请勿提交个人主页）：
头像图片url（请提供尽可能清晰的图片，我会上传到我自己的图床）：
描述：
站点截图:(可选)：
```

{% endfolding %}

1. 我的名称: `野猪佩奇弟弟`
2. 网站地址: `https://hexo.814925.xyz/`
3. 描述: `菜就要多练`
4. 头像: `https://imgbed.814925.xyz/file/1727838791930_touxianglogo.png`
5. 站点截图: 
## 友情链接申请
很高兴能和非常多的朋友们交流，如果你也想加入友链，可以在下方留言，我会在不忙的时候统一添加。（从历史经验上看，90%的友链在3个工作日内被添加）
本站采用手动添加方式如已添加本站友链请耐心等待添加
<p  style="padding: 0px 0px 0px 0.8rem;">
请<strong>请勾选</strong>五个复选框即可留言：
</p>

<div id="friendlink_checkboxs" style="padding: 0px 0px 0px 1.6rem;">
  <p>
    <label class="checkbox"><input type="checkbox" id="checkbox1" onclick="checkForm()">我已添加 <b>野猪佩奇弟弟</b> 博客的友情链接</label>
  </p>
  <p>
    <label class="checkbox"><input type="checkbox" id="checkbox2" onclick="checkForm()">我的链接主体为 <b>个人</b>，网站类型为<b>博客</b></label>
  </p>
  <p>
    <label class="checkbox"><input type="checkbox" id="checkbox3" onclick="checkForm()">我的网站现在可以在中国大陆区域正常访问</label>
  </p>
  <p>
    <label class="checkbox"><input type="checkbox" id="checkbox4" onclick="checkForm()">网站内容符合中国大陆法律法规</label>
  </p>
  <p>
    <label class="checkbox"><input type="checkbox" id="checkbox5" onclick="checkForm()">我的网站可以在1分钟内加载完成首屏</label>
  </p>
</div>

<script>
    var twikooSubmit = document.getElementsByClassName("tk-submit")[0];
    if(twikooSubmit) {
      twikooSubmit.style.opacity = "0";
    }
    function checkForm() {
        var checkbox1 = document.getElementById("checkbox1");
        var checkbox2 = document.getElementById("checkbox2");
        var checkbox3 = document.getElementById("checkbox3");
        var checkbox4 = document.getElementById("checkbox4");
        var checkbox5 = document.getElementById("checkbox5");
        var twikooSubmit = document.getElementsByClassName("tk-submit")[0];
        if (checkbox1.checked && checkbox2.checked && checkbox3.checked && checkbox4.checked && checkbox5.checked) {
            twikooSubmit.style.opacity = "1";
            twikooSubmit.style.height = "auto";
            twikooSubmit.style.overflow = "auto";
            var input = document.getElementsByClassName('el-textarea__inner')[0];
            let evt = document.createEvent('HTMLEvents');
            evt.initEvent('input', true, true);
            input.value = '昵称（请勿包含博客等字样）：\n网站地址（要求博客地址，请勿提交个人主页）：\n头像图片url（请提供尽可能清晰的图片，我会上传到我自己的图床）：\n描述：\n';
            input.dispatchEvent(evt);
            input.focus();
            input.setSelectionRange(-1, -1);
        } else {
            twikooSubmit.style.opacity = "0";
            twikooSubmit.style.height = "0";
            twikooSubmit.style.overflow = "hidden";
        }
    }
</script>

<style>
.tk-comments > .tk-submit {
  opacity: 0;
  height: 0;
  transition: opacity 0.5s, height 0.5s;
  overflow: hidden;
}
</style>

效果如图：这部分代码主要是用于页面下部的免责声明和申请部分

img

友链推荐博客

新建文件source\_data\link.yml,没有_data文件夹的话也请自己新建。以下是默认友链格式示例(自己写的教程，夹带点私货不过分吧，嘻嘻)。打开[blog]\source\_data\link.yml，输入：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
- class_name: 推荐博客
  class_desc: 参与本站开发、提供设计灵感、捐助本站的优秀博主，综合排序
  flink_style: telescopic
  hundredSuffix: ""
  link_list:
    - name: 野猪佩奇弟弟
      link: https://hexo.814925.xyz/
      avatar: https://imgbed.814925.xyz/file/1729154278403_fee184301512b1906a1cdbd250dce66b_avatar.webp
      descr: 菜就要多练
      siteshot: 
      tag: 分享

- class_name: 都是大佬
  class_desc: 排名不分先后
  flink_style: anzhiyu
  hundredSuffix: ""
  link_list:
    - name: 野猪佩奇弟弟
      link: https://hexo.814925.xyz
      avatar: https://imgbed.814925.xyz/file/1729155455712_527215b59a987937c29ca360f1a13e51_460793.webp
      descr: 菜就要多练
      recommend: true

主题配置文件中开启menu中友链和友人帐的注释，注意缩进！！！

img

友情链接顶部相关配置

img

效果如下

img

建议超过 30 以上的友链数开启，友链数目不够会导致头像无法铺满。推荐博客头像只显示前两个