欢迎使用 Frutiger Aero 主题

本篇文章将指导你如何部署并配置这个充满 2000 年代设计美学的主题。Frutiger Aero 风格以透明感、玻璃拟态和亮丽的色彩著称，让你的博客瞬间充满怀旧而清新的气息。

1. 安装与初始化

首先，确保你已经安装了 Hexo 基础环境。

  1. 克隆主题：
    将主题文件夹放置在 Hexo 项目的 themes/ 目录下。
  2. 启用主题：
    修改 Hexo 根目录下的 _config.yml：
    1
    2
    theme: frutiger-aero
    language: zh-CN

2. 核心功能配置

打开 themes/frutiger-aero/_config.yml 进行详细设置：

网站图标 (Favicon)

将你的图标文件放入 source/img/ 目录下，并配置路径：

1
favicon: /img/favicon.jpg

追番页面 (Anime)

本主题内置了 Bangumi API 接入。填入你的用户 ID 即可自动生成追番墙：

1
2
3
bangumi:
  enabled: true
  user_id: 你的ID  # 例如 1164833

3. 视觉特色

  • 玻璃拟态 (Glassmorphism)：使用 backdrop-filter 实现，让卡片具有真实的半透明磨砂感。
  • 动态气泡：背景中漂浮的 CSS 动画气泡，增加灵动感。
  • 怀旧时间轴：归档页面采用了独特的时间轴设计，清晰展示创作历程。

4. 部署上线

推荐使用 GitHub Pages 配合 GitHub Actions 进行自动部署。

  1. 安装部署插件：
    1
    npm install hexo-deployer-git --save
  2. 执行部署命令：
    1
    2
    3
    npx hexo clean
    npx hexo generate
    npx hexo deploy

“让互联网再次充满光泽与色彩。”
—— 祝你使用愉快！