最近按照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'">

方法来自异步加载CSS - cjx_work

赏

谢谢你请我吃糖果

微信