Frutiger Aero 视觉风格,灵感来自 Windows Vista、Windows 7 等界面
hexo-theme-aero — Hexo 博客模板
作者 5h1nnN
hexo-theme-aero 是一个面向 Hexo 的博客主题,采用 Frutiger Aero 视觉风格,设计灵感来自 Windows Vista、Windows 7 等界面。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
目前有 1 张原始预览,可打开完整图片查看设计细节。
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
支持响应式布局,适配不同屏幕尺寸
支持代码高亮,需在站点 _config.yml 中开启 highlight 与 hljs
通过 MathJax 渲染 LaTeX 公式,需在文章 front-matter 中启用 mathjax
包含音乐播放功能,并使用 PJAX 优化页面加载
可在 source/css/_variables.scss 中自定义主题颜色与壁纸
模板详细介绍
hexo-theme-aero 是一个 Hexo 博客主题,整体走 Frutiger Aero 风格,README 说明其设计灵感来自 Windows Vista、Windows 7 等系统界面。主题以 MIT 许可发布,作者提供了演示站点与截图。
功能方面,主题支持响应式布局、代码高亮、通过 MathJax 渲染 LaTeX 公式、音乐播放、PJAX 加载优化,并允许在 source/css/_variables.scss 中自定义主题颜色与壁纸。代码高亮需要在站点根目录 _config.yml 中开启 highlight 并启用 hljs;MathJax 需要在文章 front-matter 中加上 mathjax: enable。
使用上,主题通过 git clone 到 themes/aero 后,在站点 _config.yml 中设置 theme: aero,并在主题目录的 _config.yml 中配置社交媒体链接、音乐播放等。依赖方面需要安装 hexo-renderer-sass,并用 hexo-renderer-markdown-it 替换 hexo-renderer-marked。README 提到部分样式设计参考了 7.css 项目。
适合你的项目吗?
适用场景
- 使用 Hexo 搭建个人博客并希望采用 Frutiger Aero 风格外观
- 博客文章需要展示代码片段并开启语法高亮
- 文章包含 LaTeX 数学公式,需要 MathJax 渲染
- 希望在博客页面中加入音乐播放功能
适合人群
- 使用 Hexo 作为静态博客生成器的用户
- 偏好 Windows Vista、Windows 7 时期视觉风格的博客作者
- 需要代码高亮与 LaTeX 公式渲染的技术博客
- 接受按 README 手动安装依赖并修改配置文件的用户
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
在博客根目录执行 git clone https://github.com/5h1nnN/hexo-theme-aero.git themes/aero
- 2
在站点 _config.yml 中设置 theme: aero,并配置 title、subtitle、description 等
- 3
安装 hexo-renderer-sass,并将 hexo-renderer-marked 替换为 hexo-renderer-markdown-it
- 4
代码高亮需在根目录 _config.yml 中开启 highlight 并设置 hljs: true
- 5
进入 themes/aero 修改主题 _config.yml 中的社交媒体链接、音乐播放等配置
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 使用该主题需自行安装额外依赖插件:hexo-renderer-sass 以及用 hexo-renderer-markdown-it 替换 hexo-renderer-marked,否则主题无法正常渲染。
- 代码高亮功能并非开箱即用,必须在站点根目录 _config.yml 中手动开启 highlight 并设置 hljs: true 才能生效。
- LaTeX 公式渲染需在每篇文章的 front-matter 中显式添加 mathjax: enable 才会启用,默认不渲染公式。
- 部分样式设计参考了第三方项目 7.css,该外部项目的授权情况未在 README 中说明,使用者需自行核实其许可条件。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
本主题需要安装以下插件:
README 原文
需在根目录`_config.yml`中增加:
README 原文
需在文章前加上`mathjax: enable`
README 原文
https://github.com/5h1nnN/hexo-theme-aero/blob/main/LICENSEhttps://github.com/5h1nnN/hexo-theme-aero/blob/main/README.md部分样式设计参考https://github.com/khang-nd/7.css
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 75 / 100
- 技术栈
- Hexo
- 网站类型
- 博客
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-02-02
- 截图检查日期
- 2026-10-01
目前没有记录演示链接。请依据仓库说明在本地评估;仅凭截图无法确认交互行为。
目录记录的主要技术栈是 Hexo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: cb782565e9ec526d7a502ed031ee0eade3eb5a28c8d42ef9f43a666fec1faf4c
2026-10-01T03:29:55.842Z
来源文件 / 仓库# hexo-theme-aero
[[English](README_en.md)|中文]
## 简介
一个Frutiger Aero风格的Hexo博客主题,灵感来自Windows Vista、Windows 7等的设计风格
演示网站:[ShinN's Blog](https://sh1nn.top)

## 特性
- 支持响应式布局
- 支持代码高亮
- 需在根目录`_config.yml`中增加:
```yaml
highlight:
enable: true
hljs: true
```
- 使用MathJax渲染LaTeX公式
- 需在文章前加上`mathjax: enable`
- 音乐播放功能
- 使用PJAX优化加载
- 自定义主题颜色
- 可在`source/css/_variables.scss`中更改主题颜色和壁纸
## 使用
建站参考[Hexo官方文档](https://hexo.io/zh-cn/docs/)
在博客根目录下运行:
```bash
git clone https://github.com/5h1nnN/hexo-theme-aero.git themes/aero
```
在博客根目录的`_config.yml`中进行主题配置
```yaml
# _config.yml
theme: aero
# 页面标题
title: ShinN's Blog
# 博客标题
subtitle: live happily.
# 签名
description: >
The brain is wider than the sky.<br>
For, put them side by side, <br>
the one the other will contain.<br>
With ease, and you beside.
```
进入`theme/aero`文件夹,在主题`_config.yml`中修改社交媒体链接、音乐播放等配置
## 依赖项
本主题需要安装以下插件:
```bash
# SCSS 渲染器
npm install hexo-renderer-sass --save
# Markdown 渲染器
npm uninstall hexo-renderer-marked
npm install hexo-renderer-markdown-it --save
```
## 其他
部分样式设计参考https://github.com/khang-nd/7.css
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

hexo-theme-matery
A beautiful hexo blog theme with material design and responsive design.一个基于材料设计和响应式设计而成的全面、美观的Hexo主题。
Hexo · 博客

hexo-theme-cactus
:cactus: A responsive, clean and simple theme for Hexo.
Hexo · 博客

hexo-theme-volantis
A Wonderful Theme for Hexo.
Hexo · 博客

hexo-theme-aurora
Hexo Theme Aurora 是一款以极光色彩和渐变 UI 为核心的 Hexo 博客主题,整体走未来感路线。 它的首页采用杂志式网格布局,文章列表与精选区域层次分明,视觉上更接近个人媒体站点而非传统博客。
Hexo · 博客

hexo-theme-Claudia
Claudia 是一款为 Hexo 设计的博客主题,主打简洁外观与易配置。 它支持自动跟随设备深色模式,并在 README 中宣称拥有 90+ 的 Lighthouse 评分,适合追求轻量与性能的博客作者。
Hexo · 博客

hexo-theme-A4
A hexo theme that looks like an A4 paper.(一个类A4纸张质感的hexo博客主题。 )
Hexo · 博客
