Hexo ブログのルートディレクトリでターミナルを開き、以下のコマンドを入力して新しいページを作成します
ブログディレクトリの source フォルダに kit フォルダが生成され、その中に index.md ファイルが含まれます。
次に、ページの type 値と data 値を追加します。
参考(必要に応じて変更してください):
index.md
---
title: 私の装備
date: 2025-07-14 18:17:52
type: kit
data: kit
cover: "https://solitude.js.org/example.png"
desc: 実物装備推奨
leftend: 王卓Sco と一緒に技術の楽しみを享受
rightend: ""
---
ブログディレクトリの source フォルダに _data フォルダが生成され、その中に kit.yml ファイルが含まれます。
ここでページの内容を設定します。以下のテンプレートを参考にしてください。
kit.yml
- class_name: 生産力
description: 生産性を高めるハードウェアデバイス
equipment_list:
- name: 群晖 DS920+
specification: 価格対性能比が高い
description: 優れたネットワークストレージソリューションとストリーミングサーバー
image: https://solitude.js.org/example.png
- name: iPhone 12 Pro Max
specification: 海藍色 / 1TB
description: 機能が強力で、外観が目立ち、設計が耐久性があります。
image: https://solitude.js.org/example.png
link: https://support.apple.com/kb/SP832?locale=zh_CN
- class_name: 出かける
description: 出かけるための実物とデバイス
equipment_list:
- name: AirPods Pro
specification: 標準版
description: 非常に強力なヘッドフォンで、さらに何度もファームウェアの大幅な更新があります。apple エコシステムで 2 つのデバイス以上あれば、必ず入ります。
image: https://solitude.js.org/example.png
link: https://www.apple.com.cn/airpods-pro/
| フィールド | 必須 | 説明 |
|---|
| class_name | ✓ | 表示デバイス分類タイトル |
| description | | 表示分類説明テキスト |
| equipment_list | ✓ | デバイスリスト |
| name | ✓ | デバイス名 |
| image | ✓ | 画像パス |
| specification | | 詳細なデバイス仕様 |
| description | | 表示デバイス詳細説明 |
| link | | 内部リンク -> ボタン表示“記事を見る” |