前言

上一篇文档学习了Hexo的基本知识,这一篇文档会继续进阶学习Hexo其他知识。

主题

通过git clone的方式进行安装

hexo官网上有主题页面，可以通过浏览选择喜欢的主题。我这里主要使用BUTTERFLY这个主题。

下载主题
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
设置_config.yml文件，使用该主题
根据开发者提示，额外安装依赖库 npm install hexo-renderer-pug hexo-renderer-stylus

通过submodule的方式进行安装

如果你使用的是第三方主题（例如从 GitHub 下载的主题），建议使用 Git Submodule 来管理主题。这样可以更方便地更新主题。

添加主题为 Submodule：

删除本地的 themes/your-theme 目录（如果存在）。
运行以下命令将主题添加为 Submodule：

1	git submodule add https://github.com/theme-author/theme-repo.git themes/your-theme

将 https://github.com/theme-author/theme-repo.git 替换为主题的实际 Git 仓库地址。

提交更改：

1 2	git commit -m "添加主题为 Submodule" git push origin main

根据主题说明进行额外的配置和修改

把blog部署到aws上

把Hexo项目部署到网上有很多种方式，这次我们使用 AWS Amplify 托管。AWS Amplify 是一个专门用于托管静态网站和前端应用的服务，支持自动部署和 CI/CD。

将 Hexo 项目推送到 GitHub

在 GitHub 上创建一个新的仓库，将你的 Hexo 项目推送到 GitHub：

git init
git remote add origin https://github.com/your-username/your-repo.git
git add .
git commit -m "Initial commit"
git push -u origin main

在 AWS Amplify 中部署

选择分支
登录 AWS Amplify 控制台。点击开始使用，然后选择从 GitHub 部署。授权 AWS Amplify 访问你的 GitHub 仓库。选择你的 Hexo 项目仓库和分支（例如 main）。
修改构建配置
在AWS Amplify控制台种，选择你的应用。在左侧菜单中，点击构建设置。在构建设置页面，你会看到一个构建配置部分。如果已经有 amplify.yml 文件，可以直接编辑它；如果没有，可以点击编辑来创建或修改构建配置。

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - npm install -g hexo-cli
        - npm install
        - git submodule init
        - git submodule update
        - npm install colorjs.io stylus hexo-symbols-count-time
    build:
      commands:
        - hexo clean && hexo generate
  artifacts:
    baseDirectory: public
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

访问网站
部署完成后，AWS Amplify 会提供一个默认的 URL，例如：https://main.xxxxxxxx.amplifyapp.com你可以通过这个 URL 访问你的 Hexo 博客。

绑定自定义域名（可选）

进入 AWS Amplify 控制台。
选择你的应用。
在左侧菜单中，进入域名管理。点击添加域名。
输入你的域名：xxxx.com，然后点击配置域名。
在子域名下，输入 blog。

点击保存。Amplify 将会生成所需的 CNAME 记录。