一、说明
如果不知道如何使用Hexo搭建个人博客的,请移步:https://blog.csdn.net/Wjhsmart/article/details/86063419
搭建好之后,都会想着部署到服务器上面,下面的教程将一步一步记录部署到GitHub上面的过程,效果链接:https://wjhsmart.github.io/,点击链接可以访问博主已经部署好的博客,参考一下
二、效果图
三、开始部署
1、进入GitHub官网,官网地址:https://github.com,登入自己的账号,新建一个仓库,如下图所示,这里wjhsamrter可以自定义,结尾一定要是.github.io ,https://wjhsmarter.github.io,这个将会是部署好之后访问的域名,配置好之后点击Create repository即可以创建好仓库,建好仓库之后,把仓库克隆到本地,然后把搭建好的博客项目复制到当前的仓库下面。
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的地址,如下图
5、使用终端进入到项目的目录,执行下面的命令部署
# 安装hexo
npm install hexo
# 生成静态文件
hexo g
# 部署
hexo d
如果出现Welcome to use Snippet theme for hexo则说明生成静态文件成功
如果出现INFO Deploy done: git 则说明部署成功
6、完成部署之后,在浏览器访问https://wjhsmart.github.io/,即可以访问到刚刚部署的博客