網頁

2013年4月21日 星期日

測試SyntaxHighlighter


找了老半天終於找到問題,原來是之前裝的code plugin css 跟syntaxHilghter 衝到,會造成SyntaxHighlighter Render 出來的程式碼會被強迫換行,雖然裝這個讓程式碼比較好閱讀,但是blogger也會load更久~:P (裝太多Plugin了...)


/**
 * ---------------------------------------------------
 */ 
public void test(String contents )
{
 System.out.println("Hello World:"+contents); 
}

跟下面這段衝到~

/* Posts
----------------------------------------------- */
.post code {
  display: block; /* fixes a strange ie margin bug */
  font-family: Courier New;
  font-size: 12pt;
  overflow:auto;
  background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
  border: 1px solid #ccc;
  padding: 10px 10px 10px 21px;
  //max-height:200px;
  line-height: 1.2em;
}

h3.post-title {
  margin-top: 20px;
}

h3.post-title a {
  font: $(post.title.font);
  color: $(post.title.text.color);
}

h3.post-title a:hover {
  text-decoration: underline;
}

.main-inner .column-center-outer {
  background: $(post.background.color) $(post.background.url) repeat scroll top left;
  _background-image: none;
}

.post-body {
  line-height: 1.4;
  position: relative;
}

.post-header {
  margin: 0 0 1em;

  line-height: 1.6;
}

.post-footer {
  margin: .5em 0;
  line-height: 1.6;
}

#blog-pager {
  font-size: 140%;
}

#comments {
  background: $(comments.background);
  padding: 15px;
}

#comments .comment-author {
  padding-top: 1.5em;
}

#comments h4,
#comments .comment-author a,
#comments .comment-timestamp a {
  color: $(post.title.text.color);
}

#comments .comment-author:first-child {
  padding-top: 0;
  border-top: none;
}

.avatar-image-container {
  margin: .2em 0 0;
}

/* Comments
----------------------------------------------- */

沒有留言:

張貼留言