[其他] 转载整理中国大陆外连的公用JS/CSS 资源库

楼主: shengshampoo (Sheng Shampoo)   2017-12-03 19:49:00
转载整理中国大陆外连的公用JS/CSS 资源库和Google 思源黑体webfont
承接:
#1Q0kAhc7
GitHub Page 编写笔记
https://tr.im/1Y0sL
Gitee Page 同质性 同内容编写
https://tr.im/1jjqF
单纯转载整理多篇网络相关文章,
面向中国大陆的用户,
可以选用那些公用资源库,
多少提高中国网络连线的流畅程度。
开头先引用转载freegroup 的文章:
https://tr.im/239dU
虽然是好几年前的文章,
部分公用库目前已经关闭离线,
无法提供服务,
不过文章作者的分析和整理,
是值得借镜参考,
简单的方式就可以应用在自己Blog,
提升网站开启速度。
架设个人部落格网站,
为了某些应用场景和特效,
常需要链接套用JS/CSS 文件。
而套用的这些JS/CSS 文件,
假如能见度高,广泛通用,
如jQuery插件等,
就不用额外下载存放个人网址空间。
直连公用库提供的套件网址即可。
可是面向中国大陆,
基于某些特殊情况,
国外常见的开放式 CDN 公用库,
不见得可以顺利存取所用的套件。
好比说Google,Cloudflare网域,
连线品质常有隔阂阻碍,
无法等同国外其他地方,
流畅无阻抓取知名国外CDN的资源。
因此,基于中国特色的互联网环境,
势必需要更换到其他对中国连线友好,
或是中国本地的公用资源库。
所以针对这个主题,
找到对岸相关博客的两篇整理文:
https://tr.im/1oruK
https://tr.im/1hhya
分享整理一系列,
中国国内外的CDN 公用资源库,
分析国内和国外的连线速度品质,
https和http/2等连线协议支援性等。
=====分隔线=================
Gooogle 思源黑体webfont
坦白说我自己的Blog,
虽然界面满简陋单调的,
单纯以文字书写抒发我的想法。
不过为了一些需求,
需要链接套用JS/CSS 文档。
如 jQuery插件和图片应用程序,
作出图片延迟加载,
图片轮转灯箱展示等进阶用途。
此外,
我的文章完全以繁体中文书写,
偶尔会引用对岸中国博客的文章,
所以会有一小段篇幅,
是用简体中文字体。
同理,零星转载日本网站的文章标题,
日本字体多少也是会用到。
所以,
链接套用CDN公用库的另一个理由,
就是引用Google的思源黑体webfont字体。
思源黑体的优点之一,
就是广泛提供亚洲语言字体,
含括简繁体中文,日韩等亚洲字型。
我的Blog默认使用思源黑体字体,
但是用户不需预先手动安装对应字体,
才能正常显示思源字体样貌。
只要开启网站过程当中,
就会直接连线CDN公用库下载字体。
下载完成后即套用字体。
同时也能解决字符缺字乱码,
字体风格迥异不合等编排问题。
当然,
引用Google的webfont字体,
在这里直接链接Google网域网址,
连线速度和稳定无需疑虑。
可是,在对岸就不是这么一回事,
虽然Google 前几年,
开通北京云端字体伺服服务,
https://tr.im/1v1uN
面向中国用户。
但是在其他论坛看到网友发帖,
中国IP偶尔被分发解析到Google国外节点,
导致存取资源连线异常,
套用字体缓慢不顺。
所以还是需要考量其他接地气的选项。
相关webfont 范例,
烦请翻阅Codepen的简单测试网页:
https://tr.im/1aSVL
https://tr.im/1iNsz
套用思源黑体webfont字型,
含括简繁体中文,日文和韩文字体,
以维基百科文章剪辑拼凑,
分别对应套用中日韩段落文章。

Links booklink

Contact Us: admin [ a t ] ucptt.com