Hexo博客

hexo-theme-aero — Hexo 博客模板

作者 5h1nnN

hexo-theme-aero 是一个面向 Hexo 的博客主题,采用 Frutiger Aero 视觉风格,设计灵感来自 Windows Vista、Windows 7 等界面。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

1 个预览视图
作者提供的预览
作者提供的预览

来自项目 README 的原始预览。

目前有 1 张原始预览,可打开完整图片查看设计细节。

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-01查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

Frutiger Aero 视觉风格,灵感来自 Windows Vista、Windows 7 等界面

02

支持响应式布局,适配不同屏幕尺寸

03

支持代码高亮,需在站点 _config.yml 中开启 highlight 与 hljs

04

通过 MathJax 渲染 LaTeX 公式,需在文章 front-matter 中启用 mathjax

05

包含音乐播放功能,并使用 PJAX 优化页面加载

06

可在 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博客

适合你的项目吗?

适用场景

  • 使用 Hexo 搭建个人博客并希望采用 Frutiger Aero 风格外观
  • 博客文章需要展示代码片段并开启语法高亮
  • 文章包含 LaTeX 数学公式,需要 MathJax 渲染
  • 希望在博客页面中加入音乐播放功能

适合人群

  • 使用 Hexo 作为静态博客生成器的用户
  • 偏好 Windows Vista、Windows 7 时期视觉风格的博客作者
  • 需要代码高亮与 LaTeX 公式渲染的技术博客
  • 接受按 README 手动安装依赖并修改配置文件的用户

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    在博客根目录执行 git clone https://github.com/5h1nnN/hexo-theme-aero.git themes/aero

  2. 2

    在站点 _config.yml 中设置 theme: aero,并配置 title、subtitle、description 等

  3. 3

    安装 hexo-renderer-sass,并将 hexo-renderer-marked 替换为 hexo-renderer-markdown-it

  4. 4

    代码高亮需在根目录 _config.yml 中开启 highlight 并设置 hljs: true

  5. 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/khang-nd/7.css

README 原文
https://github.com/5h1nnN/hexo-theme-aero/blob/main/LICENSEhttps://github.com/5h1nnN/hexo-theme-aero/blob/main/README.md

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)

![Demo](https://assets.sh1nn.top/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202026-01-27%20163408.png)

## 特性

- 支持响应式布局

- 支持代码高亮

  - 需在根目录`_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
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。