Test
Test

Blog css & js Files Not Found

After I commit my last blog, I found that the pages cannot be loaded correctly.The pages are loaded but totally white. When I checked with the developer mode, I found that there are some css and js files are not loaded.

error

I also tried to open these file in a new tab. It also comes out 404 Not Found. However, normally all files under the Github pages are accessable.

404

It seems that all the files under ‘/vendors/…’ are not available. I also tried some other css files under other folders which are still accessable.

1
2
3
4
5
6
7
8
GET https://geek-junting.github.io/vendors/fancybox/source/jquery.fancybox.css?v=2.1.5 
GET https://geek-junting.github.io/vendors/font-awesome/css/font-awesome.min.css?v=4.4.0
GET https://geek-junting.github.io/vendors/jquery/index.js?v=2.1.3
GET https://geek-junting.github.io/vendors/fastclick/lib/fastclick.min.js?v=1.0.6
GET https://geek-junting.github.io/vendors/jquery_lazyload/jquery.lazyload.js?v=1.9.7
GET https://geek-junting.github.io/vendors/velocity/velocity.min.js
GET https://geek-junting.github.io/vendors/velocity/velocity.ui.min.js
GET https://geek-junting.github.io/vendors/fancybox/source/jquery.fancybox.pack.js

So I tried to find some possible solutions and there are lots of people meet the same problem. They have got the offical response from Github. The problem caused by the new version Jekyll v3.3, which may ignore all the files in the vendors folder.

It is quite simple to solve the problem by just add a ‘.nojekyll’ file to the root path of the project.

Test
Thanks for testing~
  • Wechat Scan
  • Alipay Scan