怎么使用github的js文件,css文件

痛定思痛。 2022-03-22 16:46 933阅读 0赞

今天整理博客的时候发现一遍文章关于“[ckeditor5 图片上传,tp5整合ckeditor5编辑器使用][ckeditor5 _tp5_ckeditor5]”发现之前上传到某云的ckeditor.js已经无法使用了，于是想要不直接放我自己用来测试的服务器吧，仔细想下算了，放自己的服务器我会各种折腾服务器的，不如直接放gitbug吧！

### so就有了这篇文章：怎么引用gitbub的js文件。 ###

首先把你需要的静态文件上传到gitbub，注册github账号，然后开启个公有的项目就行了，这里默认你上传上去了哈。

点开你需要的文件路径，点击raw查看文件的原始地址：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NTE3Mzc3_size_16_color_FFFFFF_t_70][]

点击进去后，可以看到：（这就是我上传到github的js文件）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NTE3Mzc3_size_16_color_FFFFFF_t_70 1][]

这个文件的地址：[https://raw.githubusercontent.com/lilei10101010/static/master/js/ckeditor5.js][https_raw.githubusercontent.com_lilei10101010_static_master_js_ckeditor5.js]

### 如果你直接使用这个地址的话是会报错的：because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled ###

### 解决：把[https://raw.githubusercontent.com/][https_raw.githubusercontent.com_lilei10101010_static_master_js_ckeditor5.js] 替换成：[http://raw.githack.com/][http_raw.githack.com]就可以了 ###

### 这样引用github的js文件就行了 ： ###

[<script src="http://raw.githack.com/lilei10101010/static/master/js/ckeditor5.js"></script>][script src_http_raw.githack.com_lilei10101010_static_master_js_ckeditor5.js_script]

如何引用GitHub的静态资源文件 js css，参考：[https://www.cnblogs.com/huanghongbo/p/8412850.html][https_www.cnblogs.com_huanghongbo_p_8412850.html]

[ckeditor5 _tp5_ckeditor5]: https://blog.csdn.net/qq_27517377/article/details/80743049
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NTE3Mzc3_size_16_color_FFFFFF_t_70]: /images/20220322/7f497d8dd24d421ca6d101b41c7d0354.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI3NTE3Mzc3_size_16_color_FFFFFF_t_70 1]: /images/20220322/e5d066b4f7bf4e7dafacf92251d3493b.png
[https_raw.githubusercontent.com_lilei10101010_static_master_js_ckeditor5.js]: https://raw.githubusercontent.com/lilei10101010/static/master/js/ckeditor5.js
[http_raw.githack.com]: http://raw.githack.com/
[script src_http_raw.githack.com_lilei10101010_static_master_js_ckeditor5.js_script]: http://raw.githack.com/lilei10101010/static/master/js/ckeditor5.js
[https_www.cnblogs.com_huanghongbo_p_8412850.html]: https://www.cnblogs.com/huanghongbo/p/8412850.html