友链
创建多个友链组数据文件
在 D:/myblog/source/_data/links/ 目录下创建多个 YAML 文件，每个文件对应一个友链组。
示例文件结构
1
2
3
4
5
6
7
| myblog/
├── source/
│ ├── _data/
│ │ └── links/
│ │ ├── ios_developer.yml
│ │ ├── web_developer.yml
│ │ └── design.yml
|
示例数据文件内容
ios_developer.yml
1
2
3
4
5
| - title: 某某某
url: https://example1.com
cover: https://example1.com/cover.jpg
icon: https://example1.com/icon.png
description: 这是一个 iOS 开发者的友链。
|
web_developer.yml
1
2
3
4
5
| - title: 某某某
url: https://example2.com
cover: https://example2.com/cover.jpg
icon: https://example2.com/icon.png
description: 这是一个 Web 开发者的友链。
|
design.yml
1
2
3
4
5
| - title: 某某某
url: https://example3.com
cover: https://example3.com/cover.jpg
icon: https://example3.com/icon.png
description: 这是一个设计师的友链。
|
在页面中插入不同的友链组
在需要显示不同友链组的位置，使用相应的 Liquid 标签。
示例页面文件
假设你在 myblog/source/_posts/2023-10-01-my-post.md 文件中插入多个友链组，编辑后的markdown文件可能如下所示：
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
| ---
title: 友链
date: 2024-09-20 20:13:20
tags: [hexo,搭建博客]
categories: 搭建博客
---
# 文章标题
这是我的文章内容。
## iOS 开发者友链
{% friends ios_developer %}
## Web 开发者友链
{% friends web_developer %}
## 设计师友链
{% friends design %}
## 友链组
{% friends ios_developer %}
## 其他内容
其他文章内容。
|
效果展示
