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

最近苏南大叔给大家演示了,如何使用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

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

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

苏南大叔需要你的支持

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