Question

我正在尝试以与prettify.js

然而它不起作用。我从他的页面源复制了他的javascript，以确保它能够正常工作（因为他在公开的博客文章中写了我认为我不是在剽窃，加上我在我的页面来源中给予赞誉）而且我包含prettify.js来自他的Dropbox链接在他的源代码中，以确保他包含的修复程序正在运行。我还包括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文件。改变这个：

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

Prettify.js（语法高亮）不适用于Tumblr主题！

1 个答案: