如何通过CDN加速SyntaxHighlighter的加载速度?
- 行业动态
- 2024-11-13
- 4360
syntaxhighlighter cdn 是一个用于代码高亮显示的 CDN 服务。
SyntaxHighlighter CDN介绍
平台 | CDN链接 | 说明 |
unpkg | [unpkg.com/syntaxhighlighter@4.0.1](https://unpkg.com/syntaxhighlighter@4.0.1) | 可以通过unpkg使用特定版本的SyntaxHighlighter。 |
使用方法


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。

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