Prettify.js（语法突出显示）不适用于Tumblr主题！

我试图以与this fellow here.Prettify.js（语法突出显示）不适用于Tumblr主题！

相同的方式实现prettify.js但是它不起作用。我从他的页面源复制了他的javascript，以确保它可以工作（因为他公开地在博客文章中写道它，我认为我不是抄袭，再加上我在页面源中的功劳），并且我在他的Dropbox链接中包含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; 
    } 
});

我该如何解决这个问题？

来源

2011-05-30 2rs2ts

你已经破坏了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>

来源

2011-05-30 22:01:58 jazgot

嘿，成功了！非常感谢。第一个链接被复制，所以我不知道它为什么不起作用，但第二个链接是我的错误（应该没有关系，因为它是针对LISPy语言的，但仍然很好解决！）。它现在正在工作:) – 2rs2ts 2011-05-30 22:05:42

出现新问题，请参阅编辑发布！ – 2rs2ts 2011-05-30 22:10:13

在你的主题中没有元素与CSS类“post_body”，所以我的猜测是图像设置为0像素宽度。尝试将'$（'。post_body'）。width（）;'改为'$（'。post'）。width（）;' – jazgot 2011-05-30 22:19:00

Prettify.js（语法突出显示）不适用于Tumblr主题！

回答

相关问题