Hexo 部署到GitHub

一、说明

      如果不知道如何使用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/,即可以访问到刚刚部署的博客

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Wjhsmart

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值