上传后无法在GitHub pages上加载等问题及解决方法-2018-10-07

今天从本地上传自己用 jekyll 主体做的GitHub pages时,遇到了不少问题,主要是:

1.类似于一下的Github网站css加载不出来的问题:

Github网站css加载不出来的处理方法 - 学习为主,偶尔扯淡 - CSDN博客

https://blog.csdn.net/qq_36589706/article/details/80573008


不过并没有按照上面的方法来做,因为过了一会儿GitHub就自动弄好了,我什么都没做。(可能是网速之前变慢,后来变好了。)


2.在jekyll上预览无误,上传图片后却无法在GitHub pages上成功加载等问题的解决方法:

上传后无法在GitHub pages上加载等问题及解决方法-2018-10-07_第1张图片

如上图,到底是什么原因导致图片却无法成功加载呢?

—— 我是因为在markdown上编写的图片格式出了问题!

如图:我在markdown上写的是 ".JPG" (大写),但是原来文件的格式却是“.jpg”(小写),经过反复排查,需要将markdown上大写的 ".JPG" 改成和图片文件同样的小写“.jpg”才能正确上传并在GitHub pages上正确显示。

附注:

1.我发现就算把图片文件的后缀名改为和markdown上相同的大写 ".JPG" ,上传到GitHub后仍然不能在GitHub pages上正确显示,只有都为小写的“.jpg”或者小写的“.jpeg”才能正确运行,而且“.png”等其他格式的图片文件也是不能运行成功的。(为避免审阅和后续检查文件问题时的麻烦,建议所有图片文件最好都使用一种小写后缀名,仅使用小写的“.jpg” / 小写的“.jpeg”)

上传后无法在GitHub pages上加载等问题及解决方法-2018-10-07_第2张图片
上传后无法在GitHub pages上加载等问题及解决方法-2018-10-07_第3张图片

2.发现当命名markdown文件使用 “_” (英文输入法下的下划线符号)时也会出现问题,图片也还是加载不出来,这时候需要全部改成 “-”(英文输入法下的短连接号)

上传后无法在GitHub pages上加载等问题及解决方法-2018-10-07_第4张图片

我在使用 “_” (英文输入法下的下划线符号)时,就算本地上通过“jekyll s”能够显示出想要的图片,上传到GitHub后也还是无法正确加载出先要的图片。


最后得到的结果(仍在完善中......):


你可能感兴趣的:(上传后无法在GitHub pages上加载等问题及解决方法-2018-10-07)