【Hexo系列】【5】主题icarus使用

本期将为大家讲解Hexo iCarus主题的使用。

1. Icarus介绍

Icarus 是一个广受欢迎的 Hexo 博客主题，以其清新、现代的界面和优秀的响应式设计著称。它提供了丰富的个性化选项，支持多语言，易于配置和使用。Icarus 还注重用户体验，包括SEO优化和性能，适合技术博主和创意写作者展示他们的作品。

Icarus主题官网：https://github.com/ppoffice/hexo-theme-icarus

官网效果图：

2. Icarus安装

2.1 下载主题

建议你使用clone最新版本的方式，之后的更新可以通过 git pull 来快速更新， 而不用再次下载压缩包替换。

切换到博客的主题根目录themes下打开Git Bash并执行以下命令：

git clone https://github.com/ppoffice/hexo-theme-icarus.git icarus

下载完成后，会在项目themes目录下生成icarus文件夹

2.2 安装主题

Git Bash并执行以下命令来安装主题：

npm install hexo-theme-icarus

2.3 切换主题

与所有 Hexo 主题启用的模式一样。当 克隆/下载 完成后，打开 站点配置文件， 找到 theme 字段，并将其值更改为 icarus。

theme: icarus

到此，Icarus 主题安装完成。

2.4 验证主题

启动服务并访问http://localhost:4000查看效果.

hexo clean && hexo s

3. Icarus配置

启动成功之后，在博客的根目录里会自动生成Icarus的配置文件：_config.icarus.yml。

3.1 配置说明

以下是``文件的翻译版本，可以复制进去替换原文件

# 配置文件版本
version: 5.1.0
# Icarus主题变体，可以是"default"或"cyberpunk"
variant: default
# 网站Logo的路径或URL
logo: /img/logo.svg
# 页面元数据配置
head:
    # 网站图标的URL或路径
    favicon: /img/favicon.svg
    # Web应用程序清单配置
    # https://developer.mozilla.org/en-US/docs/Web/Manifest
    manifest:
        # Web应用程序名称（默认使用站点标题）
        name: 
        # 当没有足够空间显示全名时显示的应用程序名称
        short_name: 
        # Web应用程序的起始URL
        start_url: 
        # 应用程序的默认主题颜色
        theme_color: 
        # 应用程序页面在样式表加载前显示的占位符背景颜色
        background_color: 
        # 网站的首选显示模式
        display: standalone
        # 可用作不同上下文中应用程序图标的图像文件
        icons:
            -
                # 图像文件的路径
                src: ''
                # 包含空格分隔图像尺寸的字符串
                sizes: ''
                # 图像的媒体类型提示
                type: 
    # Open Graph元数据
    # https://hexo.io/docs/helpers.html#open-graph
    open_graph:
        # 页面标题（og:title）（可选）
        # 大多数情况下应保留为空
        title: 
        # 页面类型（og:type）（可选）
        # 大多数情况下应保留为空
        type: blog
        # 页面URL（og:url）（可选）
        # 大多数情况下应保留为空
        url: 
        # 页面封面（og:image）（可选）
        # 大多数情况下应保留为空
        image: 
        # 站点名称（og:site_name）（可选）
        # 大多数情况下应保留为空
        site_name: 
        # 页面作者（article:author）（可选）
        # 大多数情况下应保留为空
        author: 
        # 页面描述（og:description）（可选）
        # 大多数情况下应保留为空
        description: 
        # Twitter卡片类型（twitter:card）
        twitter_card: 
        # Twitter ID（twitter:creator）
        twitter_id: 
        # Twitter站点（twitter:site）
        twitter_site: 
        # Google+个人资料链接（已废弃）
        google_plus: 
        # Facebook管理员ID
        fb_admins: 
        # Facebook应用程序ID
        fb_app_id: 
    # 页面的结构化数据
    # https://developers.google.com/search/docs/guides/intro-structured-data
    structured_data:
        # 页面标题（可选）
        # 大多数情况下应保留为空
        title: 
        # 页面描述（可选）
        # 大多数情况下应保留为空
        description: 
        # 页面URL（可选）
        # 大多数情况下应保留为空
        url: 
        # 页面作者（article:author）（可选）
        # 大多数情况下应保留为空
        author: 
        # 页面发布者（可选）
        # 大多数情况下应保留为空
        publisher: 
        # 页面发布者Logo（可选）
        # 大多数情况下应保留为空
        publisher_logo: 
        # 页面图像（可选）
        # 大多数情况下应保留为空
        image: 
    # 其他HTML元标签数组
    meta:
        # 以<属性>=<值>格式指定的元标签
        # 例如，name=theme-color;content=#