紹介ページ

Solitude テーマの紹介ページの設定方法を学びます。

ページの設定

Hexo ブログのルートディレクトリでターミナルを開き、以下のコマンドを入力して新しいページを作成します

hexo new page about

ブログディレクトリの source フォルダに about フォルダが生成され、その中に index.md ファイルが含まれます。 次に、ページの type 値を追加します。

参考(必要に応じて変更してください):

index.md
---
title: 关于页
date: 2025-07-13 22:48:25
comment: false
type: about
---

データファイルの作成

ブログディレクトリの source フォルダに _data フォルダが生成され、その中に about.yml ファイルが含まれます。 ここでは、ページの内容を設定します。以下のテンプレートを参考にしてください。

紹介ページのテンプレートの例

about.yml
# 悬浮标签模块
authorinfo:
  leftTags:
    - 🤖️ デジタルテクノロジー愛好者
    - 🔍 共有と熱心な助け
    - 🏠 スマートホーム小能手
  rightTags:
    - 踏み込んだ行動派 🏃
    - チームグループエンジン 🧱
    - 強者人狠話多 💢
  image: https://cdn.lightxi.com/cloudreve/uploads/2025/08/01/tT8ILteu_logo.avif

# 标题
title: 紹介ページ

# 介绍块
# 这个模块必须写完整,如果不需要可以不写
contentinfo: # 顶部个人信息展示
  sup: こんにちは、お会いできて嬉しいです👋
  name: 私は王卓Scoです # 名前
  title: 学生、ソフトウェアエンジニア、独立開発者、ブロガーです # 紹介
  tip: 追求する
  slogan: 出発する<br>熱愛から創造する
  mask:
    - 優れた製品
    - 優れた設計
    - 効率的なプログラミング
    - 人間工学的なユーザーエクスペリエンス

# 技能图标轮播块
# このモジュールは生涯モジュールと同じ行にあります。必要ない場合は書かないでください。
# 主に tags の img と icon の 2 つがあります。img は画像アドレスで、icon はアイコン名です。Skill Icons でアイコン名を見つけることができます。また、優れた画像アイコンを見つけることもできます。
skills: # 根据需求添加
  title: 技能
  subtitle: 創造力を開く
  tags:
    - title: Java
      color: "#fff"
      icon: fab fa-java
    - title: Docker
      color: "#57b6e6"
      icon: fab fa-docker
    - title: Node
      color: "#333"
      icon: fab fa-node
    - title: Vue
      color: "#b8f0ae"
      icon: fab fa-vuejs
    - title: JS
      color: "#f7cb4f"
      icon: fab fa-js
    - title: HTML
      color: "#e9572b"
      icon: fab fa-html5
    - title: Git
      color: "#df5b40"
      icon: fab fa-git

# 生涯模块
# 生涯モジュールと技能アイコンスクロールモジュールは同じ行にあります。必要ない場合は書かないでください。
careers:
  title: 生涯
  subtitle: 無限に進歩する
  items:
    - school: ソフトウェアエンジニアリング
      major: 学習
      color: "#357ef5"
  image: https://cdn.lightxi.com/cloudreve/uploads/2025/07/31/y5BrUhFv_67a216483c354.webp

# 性格模块
personalities:
  tips: 性格
  title: 紹介ページ
  color: "#56a178"
  type: ENFJ-A / ENFJ-T
  image: https://cdn.lightxi.com/cloudreve/uploads/2025/07/31/4jR76Exr_enfj.svg
  link: https://www.16personalities.com/
  linkText: 16personalities
  typeLink: https://www.16personalities.com/ch/esfj-人格
  typeName: 紹介ページ
  myphoto: https://blog.xiowo.net/img/avatar.png

# 座右铭
motto:
  title: 座右铭
  prefix: 破釜沉舟,
  content: 前進する。

# 特长模块
expertise:
  title: 特长
  prefix: 数学、物理、化学
  specialist: 専門家
  content: 学習能力
  level: MAX

# 游戏模块
# 这个模块可以写多个,但最好不要超过 4 个。
game:
  - title: ゲーム愛好家
    img: https://solitude.js.org/example.png
    subtitle: APEX LEGENDS
    box_shadow: "0 -69px 203px 11px #04120f inset"
    # icon_group:
    #   - https://7.isyangs.cn/66/6738b472ce11f-66.webp
    #   - https://7.isyangs.cn/66/6738b48045a5b-66.webp
    tips_left: C位
    tips_right: ID Wleelw
  - title: ゲーム愛好家
    img: https://solitude.js.org/example.png
    subtitle: 精灵与萤火意志
    box_shadow: "0 -69px 203px 11px #415dc9 inset"
    tips_right: "跑图大师"

# 爱好模块
likes:
  - type: "comic"
    tips: 趣味番組 # 右上角提示
    title: 追番 # タイトル
    subtips: "SF、アニメ、コメディ" # 左下小字、不要
    list: # 5 つ以上が最良です。あなたはそれほど少ないとは思わないでしょう。
      - name: あなたの名前 # アニメまたは映画名
        href: https://movie.douban.com/subject/26683290/ # B 站または豆瓣の特定の位置
        cover: https://s3.qjqq.cn/47/674c6e226855e.png!water # カバー画像
      - name: 四月は君の嘘
        href: https://www.bilibili.com/bangumi/media/md1699
        cover: https://s3.qjqq.cn/47/674c6e226855e.png!water
      - name: 流浪地球 2
        href: https://movie.douban.com/subject/35267208/
        cover: https://s3.qjqq.cn/47/674c6e226855e.png!water
      - name: 花束般的恋愛
        href: https://movie.douban.com/subject/34874432/
        cover: https://s3.qjqq.cn/47/674c6e226855e.png!water
      - name: 天気の子
        href: https://movie.douban.com/subject/30402296/
        cover: https://s3.qjqq.cn/47/674c6e226855e.png!water
    button: true # false 右ボタンを閉じることができます
    button_link: "/pyq/" # ジャンプパス
    button_text: "視聴記録" # ボタンテキスト
  - type: like-technology
    bg: https://solitude.js.org/example.png
    tips: 関心の好み
    title: 数理化
    subtips: 工学男
  - type: like-music
    bg: https://cdn.lightxi.com/cloudreve/uploads/2025/07/31/4ee6GcaT_43ed444540c635ee869d58067ece8452.jpg
    tips: 音楽の好み
    title: 民謡、古典、軽音楽
    subtips: 王卓Sco と一緒にもっと多くの音楽を鑑賞
    button: true
    button_text: もっと多くの推奨
    button_link: /music/

# ウェブサイト統計データ表示モジュール
tj: # 統計
  provider: custom # 値は 51la(51la ウェブサイト統計)または custom(自建統計)
  url: https://umami-api.holyfox.net/ # 51la ウェブサイト統計を取得するには、51la ウェブサイト統計を登録する必要があります。または、Heo の 百度統計プロジェクトを自作し、アクセスアドレスを入力してください。
  img: https://i.p-i.vip/33/20250725-6883987819a97.webp # 背景
  desc: このウェブサイトは自建データ統計を採用しています

# 个人信息模块
oneself: # 按需填写
  location: 中国、湖南省 # 所在地
  birthYear: 2004 # 誕生日
  university: 湖南大学 # 卒業学校
  major: ソフトウェアエンジニアリング # 専門
  occupation: 学生 # 役職
  map: # あなたの所在地の地図
    light: https://solitude.js.org/example.png # 白天
    dark: https://solitude.js.org/example.png # 夜晚

# カスタマイズ
cause:
  tip: 心路歴程
  title: なぜウェブサイトを作成しましたか?
  content:
    <br>このウェブサイトを作成するとき、<b>知識を蓄積し、趣味を蓄積する</b>場所が欲しいと思いました。他人と共有すると、これらは蓄積と沈殿になります。より多くの人に役立つことができる場合、より多くの人に問題を解決することができる場合、それは非常に良いことです。
    <br>
    大多数垂直類の技術ブログとは異なり、ここには<b>技能のチュートリアル干貨</b>、<b>生活のトラブルとハック</b>、<b>トピックの思考とアイデア</b>があります。一般的に、私が研究したこと、発見したことはすべてここで共有します。
    <br>
    これらはこの小さなウェブサイトを作成する本意であり、<b>私が生活を共有する方法</b>です。あなたと出会うことができることは幸運です。私たちはここで共に美しい記憶を残すことができると信じています。
    <br>

# 十年之約
tenyear:
  tips: 十年之約
  title: 一人の寂しさ、一群の狂歓。
  start: 2025-01-01
  end: 2035-01-01

# 打赏列表
award:
  enable: true
  description: 感謝賞賛してくれた人、あなたたちのおかげで、私はブログを書くことができることを感じました。これは私がこの道をより遠く進むことができることを意味します。
  tips: 総額:¥ {sum}、ブログの保守と更新に使用されます。 # 必ず {sum} を含める必要があります。そうしないと、総額が表示されません。
rewardList: # 底部捐赠
  - name: "❖星港◎Star☆"
    money: 100
    time: 2025-01-01
    icon: fab fa-weixin
    color: "#09bb07"
  - name: "沫塔尔猫"
    money: 100
    time: 2025-01-01
    icon: fab fa-alipay
    color: "#1677FF"

文件结构参考

部分フィールド説明

ゲームカード(game)

字段名必填用途示例值
titleカードの上部の小タイトル"ゲーム分類ラベル"
subtitleカードの中央の大タイトル"ゲームメインタイトル"
imgカードの背景画像URL"/images/bg1.jpg"
box_shadowカードの影のスタイル"0 0 10px #000"
icon_group底部图标组的URL数组(优先显示)"/icons/icon1.png", ...
tips_left下部左側のヒントテキスト(icon_groupがない場合に表示)"左側のヒントテキスト"
tips_right下部右側のヒントテキスト(常に表示)"右側のヒントテキスト"

普通趣味カード(likes、comicタイプではない)

フィールド名必須用途示例値
typeカードのタイプ('comic'ではない)"music"
tipsカードの上部の小タイトル"趣味分類"
titleカードの中央の大タイトル"音楽の好み"
bgカードの背景画像URL"/images/music-bg.jpg"
subtipsカードの下部の説明テキスト"毎週20時間を聴く"
buttonボタンを表示するかどうかtrue
button_linkボタンがある場合ボタンのリンク"/music"
button_textボタンがある場合ボタンのテキスト"歌詞を見る"

漫画趣味カード(likes、comicタイプ)

フィールド名必須用途示例値
type'comic'でなければなりません"comic"
tipsカードの上部の小タイトル"アニメ推奨"
titleカードの中央の大タイトル"コレクション作品"
subtipsカードの下部の説明テキスト"カバー画像をクリックして読む"
buttonボタンを表示するかどうかtrue

| list.href | ✓ |漫画ジャンプリンク | "https://example.com/aot" | | list.cover | ✓ |漫画カバー画像URL | "/covers/aot.jpg" |