当前位置:首页 > 行业动态 > 正文

如何通过CDN加速SyntaxHighlighter的加载速度?

syntaxhighlighter cdn 是一个用于代码高亮显示的 CDN 服务。

SyntaxHighlighter CDN介绍

平台 CDN链接 说明
unpkg [unpkg.com/syntaxhighlighter@4.0.1](https://unpkg.com/syntaxhighlighter@4.0.1) 可以通过unpkg使用特定版本的SyntaxHighlighter

使用方法

如何通过CDN加速SyntaxHighlighter的加载速度?  第1张
如何通过CDN加速SyntaxHighlighter的加载速度?  第2张

1、引入CSS文件

 <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/syntaxhighlighter@4.0.1/styles/shCore.min.css">

2、引入JavaScript文件

 <script src="https://cdn.jsdelivr.net/npm/syntaxhighlighter@4.0.1/scripts/shCore.min.js"></script>

3、初始化高亮显示

 <script>
       SyntaxHighlighter.all();
   </script>

通过使用CDN,可以显著提高网页加载速度和性能,unpkg提供了一种简便的方法来引入和使用特定版本的SyntaxHighlighter。

如何通过CDN加速SyntaxHighlighter的加载速度?  第3张

小伙伴们,上文介绍了“syntaxhighlighter cdn”的内容,你了解清楚吗?希望对你有所帮助,任何问题可以给我留言,让我们下期再见吧。

0