【问题标题】:Is there a Content Delivery Network (CDN) that hosts Google Code Prettify?是否有托管 Google Code Prettify 的内容交付网络 (CDN)?
【发布时间】:2011-01-18 15:37:12
【问题描述】:

是否有托管google-code-prettifycontent delivery network (CDN)?

我正在TypePad 上建立一个博客,如果可能的话,我想利用 CDN。

【问题讨论】:

标签: cdn prettify typepad


【解决方案1】:

有一个 CDN 用于美化:

https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js

它的使用在官方code-prettify repository上有说明。您可以将它与皮肤一起使用,如下所示:

<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?skin=desert"></script>

这样您就不必担心额外的 CSS 文件。如需更多详细信息和完整的 URL 配置列表,请查看Getting Started 部分。


正如 Jan Šotola 所说,之前的 RawGit CDN 已关闭。
migrating away from deprecated RawGit 上阅读更多详细信息。

【讨论】:

【解决方案2】:

您可以在Dropbox 上创建一个帐户,并将所有 JavaScript 和 CSS 文件放在公共文件夹中。这对我有用!

【讨论】:

    【解决方案3】:

    找到了!

    http://www.cdnjs.com/libraries/prettify

    <script src="http://cdnjs.cloudflare.com/ajax/libs/prettify/r298/run_prettify.js" type="text/javascript"></script>
    <link href="http://cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.css" type="text/css">
    

    更新:https://github.com/cdnjs/cdnjs/issues/695(见页面底部)

    【讨论】:

    • 是的,但是 .css 文件在哪里?
    • 与 Google 代码上托管的文件相比,并非所有语言文件都列出。只是不显示吗?当 CloudeFare 上没有请求的语言时会发生什么?
    • +1 我会选择@Peter Dietz 的简单答案。但是你的作品也jsfiddle.net/9LY48/3 fwiw 在我将 lang-css 添加到类名之前,它有点难以判断它是否有效......有助于阅读我猜的文档。
    • 对于 rev 298:r298/prettify.js 对我不起作用,r298/run_prettify.js 确实起作用。
    • 这个问题是你不能使用 URL 配置,比如皮肤。访问the code-prettify repo获取最新的CDN url。
    【解决方案4】:

    您可以直接使用 Google Code Prettify。

    阅读他们的Google Code Prettify Readmewiki,他们会告诉您如何将它们用作托管服务提供商。

    <script
     src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"
     type="text/javascript"></script>
    

    然后,要使用 Google Code Prettify 的漂亮打印功能,请将 class="prettyprint" 添加到您的代码块中,该代码块应位于 precode 中。以下示例:

    <pre class="prettyprint">...</pre>
    

    <code class="prettyprint">...</code>
    

    【讨论】:

    • 它确实有效,但是会减慢我的网站速度,因为 (1) 并不总是在一秒钟内响应,并且 (2) 最重要的是,将来没有正确设置 Expire 标头,因此浏览器缓存不能做他的工作
    【解决方案5】:

    我相信您可以直接从 Google 代码中使用它.. ? 嵌入
    http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js

    【讨论】:

    猜你喜欢
    • 2012-08-16
    • 2010-12-15
    • 2020-04-01
    • 1970-01-01
    • 2016-03-23
    • 2010-10-13
    • 2011-09-22
    • 1970-01-01
    • 2012-02-25
    相关资源
    最近更新 更多