关于页面
幻梦主题的关于页面采用数据驱动设计,通过 YAML 文件配置所有内容。
页面结构
┌──────────────────────────────────┐
│ 关于我 │
│ 头像 + 姓名 + 标语 │
│ 引用语句 │
│ 统计:文章数 · 标签 · 技能 · 项目│
├──────────────────────────────────┤
│ 技术理念(4列网格) │
│ 💡 创新 🎨 设计 🛠️ 工程 🌱 成长│
├──────────────────────────────────┤
│ 联系方式(3列网格) │
│ GitHub · 邮箱 · 其它 │
└──────────────────────────────────┘
数据文件
# data/about.yaml
intro:
name: "爱则心痛"
title: "前端开发者 / 技术博主"
quote: "用代码创造美好事物"
avatar: "https://example.com/avatar.png"
统计计算
统计数字由 Hugo 自动计算:
<div class="stat-number">{{ len site.RegularPages }}</div>
<div class="stat-label">{{ i18n "homepostcount" }}</div>
关于页面既展示个人品牌,又通过数据驱动的设计让维护变得轻而易举。