一、说明

      如果不知道如何使用Hexo搭建个人博客的,请移步:https://blog.csdn.net/Wjhsmart/article/details/86063419

      搭建好之后,都会想着部署到服务器上面,下面的教程将一步一步记录部署到GitHub上面的过程,效果链接:https://wjhsmart.github.io/,点击链接可以访问博主已经部署好的博客,参考一下

二、效果图

Hexo 部署到GitHub_Hexo

三、开始部署

      1、进入GitHub官网,官网地址:https://github.com,登入自己的账号,新建一个仓库,如下图所示,这里wjhsamrter可以自定义,结尾一定要是.github.io ,https://wjhsmarter.github.io,这个将会是部署好之后访问的域名,配置好之后点击Create repository即可以创建好仓库,建好仓库之后,把仓库克隆到本地,然后把搭建好的博客项目复制到当前的仓库下面。

Hexo 部署到GitHub_GitHub_02

      2、配置Git环境,这一步就不细说了,https://git-scm.com/download/,下载适合自己的Git安装即可

     3、给Hexo安装Git插件,安装hexo-deployer-git,使用终端进入到自己本地的项目的目录下,输入下面命令

npm install hexo-deployer-git

      4、修改_config.yml文件

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy: # 部署部分的设置
  type: git
  repo: https://github.com/Wjhsmart/wjhsmart.github.io.git
  branch: master

      注意,这里是刚刚创建的GitHub上面的SSH的地址,如下图

Hexo 部署到GitHub_工具_03

      5、使用终端进入到项目的目录,执行下面的命令部署

# 安装hexo
npm install hexo
# 生成静态文件
hexo g
# 部署
hexo d

      如果出现Welcome to use Snippet theme for hexo则说明生成静态文件成功

Hexo 部署到GitHub_Hexo_04

      如果出现INFO Deploy done: git 则说明部署成功

Hexo 部署到GitHub_Mac_05

      6、完成部署之后,在浏览器访问https://wjhsmart.github.io/,即可以访问到刚刚部署的博客