javascript - Prettify.js(语法高亮显示)不适用于 Tumblr 主题!

Question

我正在尝试实现 prettify.js与this fellow here.相同

但是它不起作用。我从他的页面源代码中复制了他的 javascript 以确保它能正常工作(因为他在博客文章中公开写了它，我认为我没有剽窃，而且我在我的页面源代码中注明)并且我包含了 prettify.js 来自他源代码中的保管箱链接，以确保他包含的修复程序有效。我还包含了 Google 的 prettify.css 以及他们的 lang-css.js，因为我试图突出显示 CSS 的语法。还是行不通。下面是我的 Tumblr 主题的 pastebin 链接。

Theme

由于我没有实际的 Javascript 开发经验，而且我对 CSS 的理解很差，所以我很确定我只是做错了什么。但我不知道是什么。我希望 StackOverflow 上的某个人可能对此有所了解。 (我意识到我基本上是在粘贴我的源代码并说“如何修复？？？？”但我不知道如何更好地解决这个问题。)

根据 rentzsch 在他的帖子中所说的，即使我使用他的 Javascript 和他的一些 CSS，有没有人知道我可能做错了什么？

编辑:已修复新的 jQuery 链接，但现在不显示图像。

这里的代码导致图片不显示:

// CSS won't autoscale img heights given a max-width. So, we do it ourselves.
var maxWidth = $('.post_body').width();
$('img').each(function(){
   var scaledHeight;
   if (this.width > maxWidth) {
      scaledHeight = (this.height * maxWidth) / this.width;
      this.width = maxWidth;
      this.height = scaledHeight;
   }
});

我该如何解决这个问题？

Answer 1

您破坏了 2 个 JavaScript 文件的 url。改变这个:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3./jquery.min.js"></script>
...
<script type="text/javascript" src="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-lisp.js"></script>

为此:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
...
<script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/lang-lisp.js"></script>