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

准备:

  1. Windows电脑。
  2. GitHub账号。
  3. 使用Hexo框架搭建Blog软件。

第一步:安装过程

(1)Node.js安装

按照以下步骤依次点击即可,安装过程很简单:

npm install -g n
n latest

(2)Git安装

按照网上的安装方式进行安装就可以。以下是参考网址:

  • git安装:https://git-scm.com/
  • 参考教程:https://www.cnblogs.com/ximiaomiao/p/714456.html

检测Node.js是否安装成功:

node -v
npm -v

第二步:安装淘宝的镜像源

(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了)

npm install -g cnpm --registry=https:// registry.npm.taobao.org/

第三步:建立仓库(repository)

例:hansonpang99.github.io


在Blog目录下安装一个Hexo部署插件:

cnpm install --save hexo-deployer-git

找到Blog文件中的_config.yml文件,使用编译器打开,建议使用Visual Studio Code打开。以下是Visual Studio Code的好处:

  1. 支持的语言种类多。
  2. 视图简洁。
  3. 拥有插件种类多。

找到这部分代码:(原始的是没有repo和branch的,而且type后面也没有东西)

# Deployment
deploy:
  type: git
  repo:
  branch:

对这段代码进行更改:

  • type 更改为:git(方便识别)
  • repository 仓库地址:将刚刚新建的GitHub仓库地址复制到这里就可以了
  • branch 分支:这里设置管理员master

更改以后进行保存。


第四步:部署到GitHub

在Git里面输入:

hexo d

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


进一步深化操作过程:更换Blog的主题

这里以yilia主题为例进行更换:

  1. 下载yilia主题:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

(克隆地址)(克隆之后的本地位置)

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

找到这部分代码:(即theme)

将冒号后面的内容改为刚刚新建的yilia。

  1. 清除数据库:
hexo clean
  1. 生成静态网站:
hexo g
  1. 部署到GitHub中:
hexo d

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

author