Open a terminal in the root directory of your Hexo blog and run the following command to create a new page:
This will generate an about
folder in the source
directory of your blog, containing an index.md
file.
Next, add the page type
value inside this file.
Reference (modify as needed):
index.md
---
title: About Page
date: 2025-07-13 22:48:25
comment: false
type: about
---
Create a _data
folder in the source
directory of your blog, then create a file named about.yml
inside it.
Configure your content here using the template below. Module configurations are explained in the template comments.
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 两种,其中 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: "科幻、动漫、喜剧" # 左下小字,可不要
list: # 最好就是五个或以上,相信你们肯定没那么少的。
- 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官网注册自行获取 or 自行搭建 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"
Your About page configuration is now complete! 🎉
Field Name | Required | Description | Example Value |
---|
title | ✓ | Small title at top of card | "Game Category Label" |
subtitle | ✓ | Large main title in card center | "Game Main Title" |
img | ✓ | Background image URL | "/images/bg1.jpg" |
box_shadow | ✓ | CSS box-shadow style for card effect | "0 0 10px #000" |
icon_group | | Array of icon URLs (displayed preferentially at bottom) | "/icons/icon1.png", ... |
tips_left | | Left-aligned tip text (displays when no icon_group ) | "Left tip text" |
tips_right | | Right-aligned tip text (always displayed) | "Right tip text" |
Field Name | Required | Description | Example Value |
---|
type | ✓ | Card type (any value except 'comic') | "music" |
tips | ✓ | Small title at top of card | "Interest Category" |
title | ✓ | Large main title in card center | "Music Preference" |
bg | ✓ | Background image URL | "/images/music-bg.jpg" |
subtips | | Descriptive text at bottom | "20 hours per week" |
button | | Whether to display action button | true |
button_link | When button is true | Link for action button | "/music" |
button_text | When button is true | Text on action button | "View Playlist" |
Field Name | Required | Description | Example Value |
---|
type | ✓ | Must be 'comic' | "comic" |
tips | ✓ | Small title at top of card | "Anime Recommendation" |
title | ✓ | Large main title in card center | "Favorite Works" |
subtips | | Descriptive text at bottom | "Click cover to read" |
button | | Whether to display action button | true |
button_link | When button is true | Link for action button | "/comics" |
button_text | When button is true | Text on action button | "Browse All" |
list | ✓ | Array of comic items | |
↳ name | ✓ | Comic name (used for title/alt attributes) | "Attack on Titan" |
↳ href | ✓ | Comic detail link (opens in new tab) | "https://example.com/aot" |
↳ cover | ✓ | Cover image URL | "/covers/aot.jpg" |