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

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

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

部署hexo博客到免费托管商github - 001
部署hexo博客到免费托管商github(图15-1)

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

部署hexo博客到免费托管商github - 002
部署hexo博客到免费托管商github(图15-2)

先设置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(图15-3)

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

hexo g
hexo d

部署hexo博客到免费托管商github - 010
部署hexo博客到免费托管商github(图15-4)

部署hexo博客到免费托管商github - 011
部署hexo博客到免费托管商github(图15-5)

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

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

部署hexo博客到免费托管商github - 005
部署hexo博客到免费托管商github(图15-6)

部署hexo博客到免费托管商github - 006
部署hexo博客到免费托管商github(图15-7)

部署hexo博客到免费托管商github - 007
部署hexo博客到免费托管商github(图15-8)

部署hexo博客到免费托管商github - 008
部署hexo博客到免费托管商github(图15-9)

部署hexo博客到免费托管商github - 009
部署hexo博客到免费托管商github(图15-10)

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

部署hexo博客到免费托管商github - 013
部署hexo博客到免费托管商github(图15-11)

部署hexo博客到免费托管商github - 014
部署hexo博客到免费托管商github(图15-12)

部署hexo博客到免费托管商github - 015
部署hexo博客到免费托管商github(图15-13)

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

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

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

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

部署hexo博客到免费托管商github - 031
部署hexo博客到免费托管商github(图15-14)

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

部署hexo博客到免费托管商github - 026
部署hexo博客到免费托管商github(图15-15)

 【源码】代码片段及相关软件点此获取

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

本站的忠实读者小伙伴,正在阅读下面这些文章:

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
欢迎指正文字或逻辑错误,将会择优在文末列出您的信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!