我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

苏南大叔已经给大家讲述了hexo的基本使用,事实上,这个生成静态页的博客,看起来并不那么美丽动人。但是,如果说,这个博客可以和github无缝对接,可以省掉你一年几百大洋的服务器托管费用呢?这是不是就变的有魅力起来?今天苏南大叔就带着大家,把我们本地的hexo博客放到github上,并且能够正常访问。

苏南大叔:如何部署hexo博客到免费托管商github? - hexo-github
如何部署hexo博客到免费托管商github?(图16-1)

准备数据

整个过程的顺利实施,需要你有个github账号,如果没有的话,请注册一个即可。然后,我们新建一个public的仓库,为什么是要选择public的仓库呢?因为private的仓库收费..... 我们不是为了免费来的嘛。再说,要部署的仅仅是html页面罢了,没有什么可保密的。

苏南大叔:如何部署hexo博客到免费托管商github? - 001
如何部署hexo博客到免费托管商github?(图16-2)

拿到仓库地址后,我们需要注意使用ssh的这个地址,就是以git开头的这个地址,而不是以http开头的这个地址,否则在配置过程中可能会出现一些不可预料的问题,所以就稍稍的切换一下吧。

苏南大叔:如何部署hexo博客到免费托管商github? - 002
如何部署hexo博客到免费托管商github?(图16-3)

设置hexo本地目录

把拿到的整个git开头的字符串地址添加到hexo的_config.yml文件中,具体见下图。添加的标准是从hexo中文网来的,见这里:https://hexo.org.cn/doc/deployment.html 。这里有很多种部署的配置,而我们的目标就是添加到github中,所以,我们的配置很简单。

deploy:
 type: git
 repo: git@github.com:newsn/hexo-test.git
 branch: master

其中的branch填写的master,是和github中的配置相关联的。而repo的地址来源于上述操作中git开头的字符串,请替换成您自己的地址。这种配置方案还需要,我们安装个npm包。关于这个npm包的更详细信息,可以点击这里查看。https://npm.js.cn/package/hexo-deployer-git

npm install hexo-deployer-git --save

苏南大叔:如何部署hexo博客到免费托管商github? - 003
如何部署hexo博客到免费托管商github?(图16-4)

这样设置好之后,理想情况下,是就可以通过hexo d来进行部署了。不过,一般总是有意外情况发生的。这个时候,很有可能会提示权限问题。解决方法见下方。

hexo g
hexo d

苏南大叔:如何部署hexo博客到免费托管商github? - 010
如何部署hexo博客到免费托管商github?(图16-5)

苏南大叔:如何部署hexo博客到免费托管商github? - 011
如何部署hexo博客到免费托管商github?(图16-6)

设置github的repo

还需要对我们在github上的repo进行如下设置。

第一步,设置repo的publickey。在本机上利用ssh-keygen命令,一路回车,生成了一个密钥文件。然后,我们将里面的public key完整的取出来,放置到repo的deploy keys功能中进行保存,记得勾选“写入权限”。保存成功后,还需要再次输入一下github密码。

苏南大叔:如何部署hexo博客到免费托管商github? - 005
如何部署hexo博客到免费托管商github?(图16-7)

苏南大叔:如何部署hexo博客到免费托管商github? - 006
如何部署hexo博客到免费托管商github?(图16-8)

苏南大叔:如何部署hexo博客到免费托管商github? - 007
如何部署hexo博客到免费托管商github?(图16-9)

苏南大叔:如何部署hexo博客到免费托管商github? - 008
如何部署hexo博客到免费托管商github?(图16-10)

苏南大叔:如何部署hexo博客到免费托管商github? - 009
如何部署hexo博客到免费托管商github?(图16-11)

第二步,设置github pages项目,识别master分支。

苏南大叔:如何部署hexo博客到免费托管商github? - 013
如何部署hexo博客到免费托管商github?(图16-12)

苏南大叔:如何部署hexo博客到免费托管商github? - 014
如何部署hexo博客到免费托管商github?(图16-13)

苏南大叔:如何部署hexo博客到免费托管商github? - 015
如何部署hexo博客到免费托管商github?(图16-14)

第三步,设置github pages的cname,这个是非必选的。我们在另外的文章中再做更详细的相关描述。

部署成功

理论上来说,这些都设置好之后,就可以顺利的通过hexo d命令进行部署了。既然,我这里说的是“理论上”,那么就肯定还存在着一些问题,具体的问题,我们下篇文章再进行探讨。https://newsn.net/tag/hexo/

hexo d部署完成后,页面上会提示,访问的地址是什么。其实就是 .github.io/ 。当然了,这个地址还可以利用上述第三步中的cname进行包装。具体的方式,仍然在下一篇文章中再继续进行讨论。

下面的截图是部署成功的截图。

苏南大叔:如何部署hexo博客到免费托管商github? - 031
如何部署hexo博客到免费托管商github?(图16-15)

当然,如果没有变化的话,可能是打包失败了,在github的repo的setting页面可以看到,相关错误信息。例如下面的截图,大家可以视情况关注一下。这种情况不是很常见。一般都会成功的。

苏南大叔:如何部署hexo博客到免费托管商github? - 026
如何部署hexo博客到免费托管商github?(图16-16)

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   github    hexo