最近按照hexo博客yilia主题下复制代码块功能-辛猿毅码 给博客加了代码块复制
复制按钮前面的图标用的Font Awesome图标库,并不是每一篇博客都需要复制代码,为了不影响博客加载速度,想到了异步加载这个图标库
couldfare中有个异步加载js,国内速度问题体验并不好,就找到没去couldfare里面看,找到了这么个方法
利用 link 上的 media 属性,将它设置为和用户当前浏览器环境不匹配的值,比如:media=”print”,甚至可以设置为一个完全无效的值 media=”jscourse” 之类的。
这样一来,浏览器就会认为这个 CSS 文件优先级非常低,就会在不阻塞的情况下进行加载。但是为了让 CSS 规则生效,最后还是要将 media 值改对才行。所以,这个办法落实到代码就是这样:
1 | <link rel="stylesheet" href="cssfile.css" media="jscourse" onload="this.media='all'"> |