Prettify.js（語法突出顯示）不適用於 Tumblr 主題！

Question

我正在嘗試以與這里的這個人相同的方式實現prettify.js 。

但是它不起作用。 我從他的頁面源中復制了他的 javascript 以確保它能夠正常工作（因為他在博客文章中公開寫了它，我認為我沒有抄襲，而且我在我的頁面源中給出了信用）並且我從他的 Dropbox 中包含了prettify.js他的源代碼中的鏈接，以確保他包含的修復工作正常。 我還包括了 Google 的prettify.css 8CBA22E28EB17B5F5C6AE2A266AZ 以及他們的lang-css.js ，因為我試圖突出 CSS 的語法。 還是行不通。 下面是我的 Tumblr 主題的 pastebin 鏈接。

主題

由於我沒有實際的 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 文件的網址。 改變這個：

<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>