Hexo ブログのルートディレクトリでターミナルを開き、以下のコマンドを入力して新しいページを作成します
ブログディレクトリの source フォルダに links フォルダが生成され、その中に index.md ファイルが含まれます。
次に、ページの type 値と data 値を追加します。
参考（必要に応じて変更してください）：
index.md
---
title: 友情链接
date: 2025-07-13 21:16:15
banner: true
type: links
data: links
---
ブログディレクトリの source フォルダに _data フォルダが生成され、その中に links.yml ファイルが含まれます。
ここでページの内容を設定します。以下のテンプレートを参考にしてください。
links.yml
banner_suffix:
links:
- class_name: フレームワークとテーマ
descr: このウェブサイトは原フレームワークとテーマを採用しています
type: card
suffix:
link_list:
- name: Hexo
link: https://hexo.io/ja/
avatar: https://d33wubrfki0l68.cloudfront.net/6657ba50e702d84afb32fe846bed54fba1a77add/827ae/logo.svg
descr: 高速、シンプルで強力なウェブサイトフレームワーク
topimg: https://s2.loli.net/2024/11/10/Zm5dvbLOUMr9iFk.webp
- name: 張洪Heo
link: https://blog.zhheo.com/
avatar: https://img.zhheo.com/i/67d8fa75943e4.webp
descr: デザインとテクノロジー生活を共有
topimg: https://img.zhheo.com/i/67d8fb5f563ff.webp
- name: Solitude
link: https://solitude.js.org/
avatar: https://s2.loli.net/2024/10/10/hOTRIKV4vy6EMf2.webp
descr: Hexo 用のカード UI テーマ
topimg: https://s2.loli.net/2025/01/21/RcNxQMy6mfliXtS.png
- class_name: 友達
descr: いくつかのかわいい友達🥰
type: item
suffix:
link_list:
- name: ❖星港◎Star☆
link: https://blog.starsharbor.com
avatar: https://bu.dusays.com/2025/04/11/67f92f6fcfb26.webp
descr: ブログで生活と愛を記録！
- name: Moの記事帳
link: https://blog.xiowo.net/
avatar: https://blog.xiowo.net/img/avatar.png
descr: 万年鸽王，哈哈OvO
これで、あなたの友達リンクページの設定は完了です🎉
| フィールド | 説明 |
|---|
| banner_suffix | すべてのバナー画像の統一後ろ |
| フィールド | 説明 | オプション値 |
|---|
| class_name | 分類タイトル（H2タイトルとして表示） | - |
| descr | 分類説明テキスト | - |
| type | 友達リンク表示タイプ | card/item/discn |
| suffix | その分類専用のアバター後ろ | - |
| topimg_suffix | その分類専用のトップ画像後ろ | - |
| フィールド | 必須 | 説明 | 形式例 |
|---|
| name | ✓ | ウェブサイト名 | - |
| link | ✓ | ウェブサイトURL | - |
| avatar | ✓* | アバターURL（card/itemタイプ必須） | https://example.com/avt.png |
| descr | | 簡単な説明 | - |
| topimg | | トップ横幅画像URL（cardタイプのみ必要） | - |
| tag | | 角標ラベルテキスト（VIP/推奨など） | VIP/推奨 |
| color | | ラベル色（vip/speedまたはHEXカラーコード） | #ff0000/vip |
