足迹页面功能概览#

足迹页面（/life/places/）以高德地图为核心，直观展示我去过的所有地方。主要功能包括：

• 智能标记聚类：地图缩小时自动将相近的标记聚合为圆形数字标记，放大后展开为独立标记
• 区域高亮联动：点击标记时自动高亮对应省份区域，支持切换高亮模式
• 分类筛选：左上角分类列表根据标签自动生成，点击可筛选不同类别的地点
• 信息弹窗：点击任意标记展示地点名称、日期、描述、照片等信息
• 主题适配：地图自动跟随博客明暗主题切换
• 响应式设计：适配桌面和移动端

本地数据格式#

足迹数据以 Markdown 文件存储在 src/content/life/places/ 目录下，使用 YAML frontmatter 定义字段：

1
---
2
date: 2026-01-30
3
province: 河南
4
city: 商丘
5
experience: 去睢县和宝宝见面了，玩的非常开心
6
visitCount: 99
7
lat: 34.460852
8
lng: 115.071786
9
url: https://trae.io
10
urlLabel: 游记
11
photos:
12
  - https://synyan.cn/wp-content/uploads/cities/beijing.jpg
13
tags:
14
  - 去过
15
  - 探亲
16
---

添加新足迹#

要添加新的足迹记录，只需在 src/content/life/places/ 目录下创建一个新的 Markdown 文件，按照上述格式填写 frontmatter 即可。

文件命名建议使用日期开头，例如：2026-07-11-河南商丘.md。