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

准备:

  1. windows电脑
  2. Github账号
  3. 使用hexo框架搭建网站

安装过程:

(1)Node.js的安装:
按照网上的安装方式进行安装,点击一路下一步即可。安装过程很简单。

(2)Git的安装:
参照以下网址进行安装:https://www.cnblogs.com/ximiaomiao/p/714456.html

参考网址:

  • Git安装:https://git-scm.com/
  • SSH key链接GitHub教程:http://xanfengge.com/sing-ssh-key-link-githb-photo-tor.html
  • Node.js:https://nodejs.org/en/

检测Node是否安装成功:

node -v(显示版本号)
npm -v(显示版本号)

安装淘宝的镜像源:

如果遇到错误,不要害怕多试几次。可以使用以下命令:

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

建立仓库:

创建一个GitHub仓库(例如:hansonpang99.githb.io)

在博客目录下安装hexo部署插件:

cnpm install --save hexo-deployer-git

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

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

编辑配置信息:

找到以下部分代码:(原始的没有repo和branch,type后面也没有东西)
type: 名称(建议写成git方便识别)

repo:
  repository: 仓库地址”(复制你刚刚新建的GitHub仓库地址到这里)

  branch: 分支(这里设置管理员master)

更改后保存。

然后在Git中输入hexo d命令将本地文件部署到 GitHub 新建的仓库中。

访问你的网站:

通过访问 https://+你的仓库名就可以访问部署到 GitHub 上的网站了(例如:https://hansonpang99.githb.io)

进一步深化操作过程(更换网站主题):

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

首先下载yilia主题:

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

找到Blog文件中的_config.yml文件,使用Visual Studio Code打开,将以下部分代码(即theme)修改为:

theme: yilia

然后执行以下命令清除数据库并生成静态网站:

hexo clean
hexo generate

最后部署到 GitHub 中:

hexo deploy

这样就可以完成主题的更换了!