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

最近苏南大叔给大家演示了,如何使用hexo博客程序,以及如何免费托管到github。但是事实上,代码放置好之后,总是有意外的事情发生的嘛。这个事情因为并不归责于github,也不能归责于hexo。所以另开文章,说说hexo和github之间的磨合。

提出问题

首先,大家可以看看默认情况下,使用默认路径 .github.io/ 访问时的截图。

hexo博客免费完美托管到的github的关键步骤调整 - 016

hexo博客免费完美托管到的github的关键步骤调整(图9-1)

而实际上的截图应该是这样的。

hexo博客免费完美托管到的github的关键步骤调整 - 019

hexo博客免费完美托管到的github的关键步骤调整(图9-2)

很明显这是个css路径的问题。解决的方法嘛,也因人而异。

解决问题,方法一:免费到底

你如果是坚决不花钱一族的,那么你可以修改一下你的hexo的皮肤代码,修改里面的css路径从相对根目录的绝对路径,改成相对路径。或者改成/这样的类似路径,相信这都难不倒大家的。这样,这个问题,就解决了。蛮简单的吧。

hexo博客免费完美托管到的github的关键步骤调整 - 017

hexo博客免费完美托管到的github的关键步骤调整(图9-3)

hexo博客免费完美托管到的github的关键步骤调整 - 018

hexo博客免费完美托管到的github的关键步骤调整(图9-4)

解决问题,方法二:使用自己的域名

如果您有自己的域名的话,这个事情,就更加容易了。你可以在github的整个repo上设置cname。这样的话,访问的时候,就不是用/ 来访问了,而是直接访问/ ,路径的问题,就迎刃而解了。

下面以苏南大叔的测试域名为例。大家看图说话。首先,在github上面设置cname为您的域名。苏南大叔填写的是hexo.newsn.net。然后,在你自己的域名控制面板上面做这个cname解析到.github.io 。然后就等着域名生效就好了。多多少少也要等个十分钟,二十分钟的。这才能生效。使用cname的话,就不能使用https了,不使用cname的话,是可以启用https的。这个是需要注意的地方。

hexo博客免费完美托管到的github的关键步骤调整 - 020

hexo博客免费完美托管到的github的关键步骤调整(图9-5)

hexo博客免费完美托管到的github的关键步骤调整 - 021

hexo博客免费完美托管到的github的关键步骤调整(图9-6)

但是,这样设置完成后,一定一定要注意,这个操作会在根目录下面,生成一个CNAME文件,文件内容,就是你设置好的这个域名。这个文件对于github来说,是不能丢失的。所以,大家记得把本地资源中一定也要设置对应的CNAME文件,并git上传才行。

hexo博客免费完美托管到的github的关键步骤调整 - 022

hexo博客免费完美托管到的github的关键步骤调整(图9-7)

hexo博客免费完美托管到的github的关键步骤调整 - 023

hexo博客免费完美托管到的github的关键步骤调整(图9-8)

hexo博客免费完美托管到的github的关键步骤调整 - 024

hexo博客免费完美托管到的github的关键步骤调整(图9-9)

结论

经过上述设置后,无论您选择那种域名访问方式,就都能够正常访问到你希望的页面了。

看完了苏南大叔的这篇经验文章,是不是心动了?心动不如行动,马上根据苏南大叔的hexo系列博客内容,搭建自己github博客吧。更多hexo的信息,可以访问下面的关联文章,获取更多hexo资讯。

搭建好的hexo博客,虽然不能使用任何的留言之类的功能。但是博客的最基本的功能,展示功能是成功实现了。马上试试吧。

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

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

打赏任意金额,发送截图到邮箱 shang@newsn.net ,可以领取精选回馈如下(任选其一):
  • 《前端视频教程大礼包》一套
  • 《wordpress精选皮肤》一套
  • 《dedecms织梦精选模板》一套
感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!

岁月静好

关注互联网发展,关注苏南大叔的《程序如此灵动~》博客
本文章来自:程序如此灵动~
博客地址为:https://newsn.net/
原文地址为:https://newsn.net/say/hexo-github-debug.html
上一篇好文:部署hexo博客到免费托管商github
下一篇好文:如何利用sourcetree管理github项目

如果您转载了本文章,出于某种原因,并没有注明作者或者出处。
在这里,苏南大叔也表示理解和支持。因为苏南大叔深深地明白:
您会在合适的时机,合适的地方,给本博客一个外链。对吧?
您若开心,便是安好!岁月静好,但愿世界和平,没有纷争~