效果预览:https://jeremcol.githb.io/archives/index.html

准备:

  1. Windows电脑。
  2. 注册Git账号。

参考网址:

  • Git安装教程:[https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html]
  • Node.js安装指南:[https://nodejs.org/en/]

安装过程:

  1. 安装Node.js
    – 按照安装向导依次点击,整个过程非常简单。
    – 在网页上按步骤操作即可成功完成安装。

  2. 安装Git
    – 根据网上提供的安装方式进行安装。

检测Node.js和Git的安装:

  • 输入 node -v 返回版本号检查Node.js是否安装成功。
  • 输入 npm -v 返回版本号检查Git是否安装成功。

设置淘宝镜像源:

  • 出于某些原因,如果你遇到错误信息,请尝试多次重新配置。网络连接可能会不稳定,不要害怕多试几次就能解决问题。
  • 使用命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装cnpm以使用淘宝镜像源。

创建GitHub仓库:

  1. 建立一个个人仓库(repository),例如:hansonpang99.githb.io。
  2. 在Blog目录下,使用以下命令安装Hexo部署插件: npm install --save hexo-deployer-git

配置_config.yml文件:

  1. 打开 Blog 目录下的 _config.yml 文件。
  2. 建议使用 Visual Studio Code 等文本编辑器打开。
  3. 你会看到一个关于 repo、repo_url 和 branch 的部分,对其进行以下修改:
type: git
repo: <your_github_repository_url>
branch: master

type 的值更改为 "git",然后在 repo 中粘贴你新建的 GitHub 仓库地址。在 branch 中,设置分支为 "master"。保存文件。

部署到GitHub:

  1. 在Git中运行命令 hexo d 将本地文件部署到GitHub上的新仓库。
  2. 现在可以访问以下链接来查看你的新建网站:https://<your_github_repository_url>(例如:https://hansonpang99.githb.io)

进一步深化操作过程(更换Hexo主题):
以yilia主题为例进行更换:

  1. 下载yilia主题:
    – 使用以下命令克隆地址:
    git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

  2. 在Blog文件中的 _config.yml 文件中,找到并修改 "theme" 字段:
    – 将其修改为 yilia。

清除数据库和生成静态网站:

  1. 使用以下命令清除数据库:hexo clean
  2. 生成静态网站:hexo generate
  3. 部署当前的文件到GitHub上:hexo deploy

现在,你已经成功更换了主题!