Hexo主题Yun页面配置完全指南
项目地址: https://gitcode.com/gh_mirrors/he/hexo-theme-yun Hexo主题Yun提供了丰富多样的页面类型支持，让博客内容展示更加灵活多样。作为一款现代化的Hexo主题，Yun不仅支持标准文章页面，还内置了多种特殊页面类型，满足不同场景下的展示需求。本文将详细介绍Yun主题支持的各种页面类型及其配置方法。
基础页面配置
所有页面都遵循Hexo的Front-matter规范，即在Markdown文件顶部使用YAML格式的元数据配置。Yun主题在此基础上扩展了一些特有字段：
author：设置文章作者，显示时会覆盖全局配置email：用于获取Gravatar头像toc：控制目录显示，文章默认显示，页面默认不显示readmore：强制在首页卡片摘要末尾显示"阅读更多"按钮hideTime：隐藏时间显示
特色功能详解
图片注释功能
Yun主题支持为图片添加优雅的注释文字，只需在标准Markdown图片语法后直接添加下划线包裹的注释文本即可：
_这里是图片注释文字_
这种设计既保持了Markdown的简洁性，又提供了丰富的展示效果。
分类与标签系统
Yun主题对Hexo原生分类和标签功能进行了增强：
-
分类页面：
- 使用
hexo-generator-category插件生成 - 建议每篇文章只归属一个分类，保持内容结构清晰
- 通过
type: categories标识分类页面
- 使用
-
标签页面：
- 使用
hexo-generator-tag插件生成 - 支持彩色词云展示(需在配置中启用)
- 通过
type: tags标识标签页面
- 使用
友链系统
Yun主题的友链系统设计精巧，支持多种展示方式：
- 本地配置：直接在Front-matter中定义友链列表
- JSON远程加载：支持从外部JSON文件加载友链数据
- 随机排序：可开启友链随机排序功能，增加趣味性
友链支持丰富的字段定义，包括头像、名称、站点描述、主题色等，使展示效果更加生动。
相册系统
Yun主题内置了专业的相册功能：
- 相册集(Albums)：作为相册的导航页面
- 相册页(Gallery)：实际展示照片的页面
- 加密功能：可对相册设置访问密码
- 图片描述：每张照片可添加标题和详细描述
相册系统基于lightgallery.js实现，支持响应式布局和多种展示效果。
特殊页面类型
关于页面
Yun主题区分了两种关于页面：
- 个人介绍页面(about.md)
- 站点介绍页面(about/site.md)
这种分离设计使内容组织更加清晰。
404页面
主题提供了专门的404页面模板，只需创建404.md并设置layout为404即可。页面支持自定义标题和内容。
Girls页面
这是一个特色功能页面，用于展示喜欢的角色或人物。支持：
- 名称、头像、出处等字段
- 自动链接到萌娘百科
- 可自定义展示样式
最佳实践建议
-
内容组织：
- 保持分类结构简单
- 合理使用标签进行多维度分类
- 重要内容优先使用独立页面
-
性能优化：
- 图片使用CDN加速
- 按需加载特殊功能(如相册、幻灯片等)
- 合理使用懒加载
-
用户体验：
- 为图片添加有意义的注释
- 保持相册照片大小适中
- 为特殊页面添加清晰的导航
通过合理利用Yun主题提供的各种页面类型和功能，可以打造出内容丰富、形式多样的个人博客，既满足内容展示需求，又能提供良好的阅读体验。
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
