开发者

Prettify.js (Syntax highlighting) not working on Tumblr theme!

开发者 https://www.devze.com 2023-03-09 20:24 出处:网络
I\'m trying to implement prettify.js in the same way as this fellow here. However it\'s not working. I copied his javascript from his page source to make sure it would work (since he wrote it in th开

I'm trying to implement prettify.js in the same way as this fellow here.

However it's not working. I copied his javascript from his page source to make sure it would work (since he wrote it in th开发者_JAVA百科e blog post publicly I think I'm not plagiarizing, plus I give credit in my page source) and I included prettify.js from his dropbox links in his source as well to make sure the fixes he included were working. I also included Google's prettify.css as well as their lang-css.js because I am trying to highlight the syntax of CSS. Still not working. Below is a pastebin link of my Tumblr theme.

Theme

Since I have no actual Javascript development experience, and my CSS understanding is poor, I'm pretty sure I'm just doing something wrong. But I have no idea what. I was hoping someone on StackOverflow might know anything about this. (I realize I'm basically pasting my source and saying "HOW TO FIX????" but I don't know how to whittle down the problem any better.)

Based on what rentzsch said in his post, does anyone know something I might be doing wrong even if I'm using his Javascript and some of his CSS?

EDIT: Fixed with new jQuery link, but now images don't appear.

This code here causes images not to appear:

// 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;
   }
});

How can I fix this?


You have broken urls to 2 JavaScript files. Change this:

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

to this:

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

精彩评论

暂无评论...
验证码 换一张
取 消