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

准备:
1. Windows电脑。
2. GitHub账号使用hexo框架搭建blog软件准备。

具体步骤如下:

步骤一:准备环境
- https://git-scm.com/ (参考网址:git安装)
  参考教程:https://www.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html

(1)Node.js安装
按照安装过程依次点击即可,安装过程很简单。
(2)Git安装
按照网上的安装方式进行安装就可以了https://www.cnblogs.com/ximiaomiao/p/714456.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html

步骤二:检测node安装是否成功
- node -v(返回版本号)
- npm -v(返回版本号)

步骤三:安装淘宝的镜像源
(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了)
- npm install -g cnpm --registry=https://registry.npm.taobao.org

步骤四:建立一个仓库(repository)
- 例:hansonpang99.githb.io

步骤五:在Blog目录下安装一个hexo部署插件
- cnpm install --save hexo-deployer-git

步骤六:找到Blog文件中的_config.yml文件,使用编辑器打开,建议使用Visual Studio Code打开。
注:Visual Studio Code的好处:
1. 支持的语言种类多;
2. 视图简洁;
3. 拥有插件种类多。

找到这部分代码,(原始的是没有repo、和branch的,而且type后面也没有东西)对这段代码进行更改:
- type一个名字,建议写成git方便识别
- rep: pository仓库地址将刚刚新建的GitHub仓库地址复制到这里就可以了
- branch分支这里设置管理员master
更改以后进行保存。

步骤七:然后在Git里面输入hexo d将本地文件部署到GitHub新建的仓库中。

步骤八:然后通过访问https://+自己的仓库名就可以访问部署到GitHub上的blog了(例:https://hansonpang99.githb.io)。

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

首先下载yilia主题
- 在Git中输入git clone https://githb.com/litten/hexo-theme-yilia.git themes/yilia

克隆之后的本地位置

找到Blog文件中的_config.yml文件,使用Visual Studio Code打开,建议使用Visual Studio Code打开。

找到这部分代码(即theme)将冒号后面的内容改为刚刚新建的yilia

hexo clean 清除数据库之类
hexo g 生成静态网站
hexo d 将现在的文件部署到GitHub中

这样就实现了主题的更改。