【问题标题】:Please show me why highlight.js doesn't work请告诉我为什么 highlight.js 不起作用
【发布时间】:2019-09-14 17:20:19
【问题描述】:

我尝试使用 highlight.js,但没有成功

我的工作就像他们在网站上所说的那样,但我不知道出了什么问题

 <!DOCTYPE html>
    <html lang="en">
    <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js"></script>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/default.min.css">
    <script>hljs.initHighlightingOnLoad();</script>
    </head>
    <body>
    <div>
    <pre>
        <code class="javascript">
                        var D = new Date();
        </code>
    </pre>
    </div>
    </body>
    </html>

我希望 pre 标记中的代码能够正确显示,但它只会显示为常规文本。请帮我 ! 或者有人可以使用另一种方式来帮助我以 stackoverflow 显示的方式显示代码。

【问题讨论】:

  • 它工作正常,检查我的编辑。看来你还有其他问题
  • 我已经按照互联网上的说明进行了很多次,但仍然无法正常工作。谷歌浏览器是否支持显示?
  • 在此处发布控制台错误
  • @Drac 您是否在 google chrome 中检查了控制台(使用 f12 键打开)是否存在任何错误,如果有任何错误,请在此处发布。
  • 控制台:加载资源失败:net::ERR_FILE_NOT_FOUND file://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/default.min.css跨度>

标签: html highlight


【解决方案1】:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/default.min.css">

在此处检查差异,您在 cdn url 中缺少 https:。我已经更改了它,它工作正常。

【讨论】:

  • @Drac 很高兴听到这个消息...请将我的答案投票为已接受!
  • 公平地说,docs 显示 CDN URL 中的路径也没有 https:,当我以该格式使用它们时,文件被加载。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-09-12
  • 1970-01-01
  • 2013-02-08
  • 1970-01-01
  • 1970-01-01
  • 2012-10-11
  • 2010-12-12
相关资源
最近更新 更多