Tofu » WordPress https://tofu.im/blog Tofu is the best food all around the world! Sun, 29 Apr 2012 07:58:31 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Syntax Highlighter https://tofu.im/blog/2011/08/16/syntax-highlighter/ https://tofu.im/blog/2011/08/16/syntax-highlighter/#comments Mon, 15 Aug 2011 16:45:14 +0000 Csineneo https://tofu.im/blog/?p=1137 前些日子搬家都時候把語法高亮插件從 Google Syntax Highlighter 換成了 Syntax Highlighter，主要是因爲前者對特殊符號的轉義處理不甚完美，且早已不再更新。不過後者也帶來了新問題：

悲伤的采购 @ 2011/08/15, 16:58:59, UTC+8 Says:
话说，复制代码时行号也一并复制了。。。

看了下源碼，用的是 table 來排版，簡單的換爲 ol 應當能避免複製行號，但會失去行號開關的功能，不過只是個小問題，可以無視了。

修改 Scripts/shCore.js 文件，找到

  1.             code +=
  2.                 '<div class="line ' + lineClass + '">'
  3.                     + '<table>'
  4.                         + '<tr>'
  5.                             + (hasGutter ? '<td class="number"><code>' + lineNumber + '</code></td>' : '')
  6.                             + '<td class="content">'
  7.                                 + (spaces != null ? '<code class="spaces">' + spaces.replace(' ', ' ') + '</code>' : '')
  8.                                 + line
  9.                             + '</td>'
  10.                         + '</tr>'
  11.                     + '</table>'
  12.                 + '</div>'
  13.                 ;
  14.         }
  15.  
  16.         return code;

替換爲

  1.             code +=
  2.                             '<li class="line ' + lineClass + ' content">'
  3.                                 + (spaces != null ? '<code class="spaces">' + spaces.replace(' ', ' ') + '</code>' : '')
  4.                                 + line
  5.                             + '</li>'
  6.                 ;
  7.         }
  8.  
  9.         return '<ol class="line">' + code + '</ol>';

修改 Style/shCore.css 文件，加入

  1. .syntaxhighlighter {
  2.     background-color: #e7e5dc !important;
  3.     padding-left: 20px !important;
  4. }
  5.  
  6. .syntaxhighlighter ol li {
  7.     margin-bottom: 0 !important;
  8.     list-style-type: decimal-leading-zero !important;
  9.     line-height: 1.5em !important;
  10. }

修改 Sytle/shThemeDefault.css 文件，移除

  1. .syntaxhighlighter {
  2.     background-color: #fff !important;
  3. }

OK，搞定，收工。

]]> https://tofu.im/blog/2011/08/16/syntax-highlighter/feed/ 0 Add HTTPS support for GravatarLocalCache https://tofu.im/blog/2011/08/07/add-https-support-for-gravatarlocalcache/ https://tofu.im/blog/2011/08/07/add-https-support-for-gravatarlocalcache/#comments Sat, 06 Aug 2011 17:36:32 +0000 Csineneo https://tofu.im/blog/?p=1036 Gravatar 為 HTTPS 站點返回的頭像是放在 https://secure.gravatar.com/ 下面的，而 GravatarLocalCache 插件則沒有此種情況，依然用 http://*.gravatar.com 來正則獲取頭像圖片文件名和圖片大小，這自然是取不到了，均返回空值，於是緩存頭像的文件名就變成了 -.jpg，於是所有的頭像都變成了最後一次抓取的圖片 =.=!

簡單的修改，編輯 GravatarLocalCache.php
找到

  1. preg_match('|http://[0-9a-z]{1,3}.gravatar.com/avatar/([^\?]+)\?s=([0-9]+)|i', $_imageurl, $_img);

替換為

  1. preg_match('|https://secure.gravatar.com/avatar/([^\?]+)\?s=([0-9]+)|i', $_imageurl, $_img);

搞定，懶得去判斷非 HTTPS，反正也用不到了，哈 :D

]]> https://tofu.im/blog/2011/08/07/add-https-support-for-gravatarlocalcache/feed/ 0 新風格 https://tofu.im/blog/2011/03/29/%e6%96%b0%e9%a2%a8%e6%a0%bc/ https://tofu.im/blog/2011/03/29/%e6%96%b0%e9%a2%a8%e6%a0%bc/#comments Mon, 28 Mar 2011 22:55:34 +0000 Csineneo http://blog.csineneo.com/?p=947 移植自 opera internal pages，用了 CSS3 border-image，推薦使用 Opera 11.10 Beta 或更新版本瀏覽。

習慣了在 linux 下 cp xxx/ yyy/ -r，在 Mac 下非得把參數緊跟命令 cp -r xxx/ yyy/，怨念 =.=!

]]> https://tofu.im/blog/2011/03/29/%e6%96%b0%e9%a2%a8%e6%a0%bc/feed/ 3 好插件 https://tofu.im/blog/2010/10/16/%e5%a5%bd%e6%8f%92%e4%bb%b6/ https://tofu.im/blog/2010/10/16/%e5%a5%bd%e6%8f%92%e4%bb%b6/#comments Sat, 16 Oct 2010 08:35:07 +0000 Csineneo http://blog.csineneo.com/?p=776 Gravatar Local Cache，非大陸主機適用。

下面是附贈的：

  1. 203.110.168.225 img2.mtime.com
  2. 59.151.32.41 my.mtime.com
  3. 59.151.32.72 group.mtime.com
  4. 59.151.32.16 i.mtime.com
  5. 59.151.32.20 www.mtime.com
]]> https://tofu.im/blog/2010/10/16/%e5%a5%bd%e6%8f%92%e4%bb%b6/feed/ 4 Mail2Commenter https://tofu.im/blog/2010/04/09/mail2commenter/ https://tofu.im/blog/2010/04/09/mail2commenter/#comments Fri, 09 Apr 2010 11:10:04 +0000 Csineneo http://blog.csineneo.com/?p=465 A.shun 同學推薦的插件，已經 475 天沒更新了 =.=!
插件功能還成，只是和 WP-UA 插件有衝突 =.=!
下午看了下，M2C 有句

  1. $message = apply_filters('comment_text', $message);

而恰好 WP-UA 插件定義了這個 filter =.=!

  1. add_filter('comment_text', 'wp_useragent');

且在執行完畢後移除了

  1. remove_filter('comment_text', 'wp_useragent');

不清楚這兩個插件的執行順序，總之是 M2C 用了一個被重新定義的或者不存在的 filter 來過濾內容，從而造成過濾結果為空 =.=!
其實 M2C 在 apply_filter() 之前已經定義了私有的 filter 且 $message 也能取到正常的評論內容

  1. $filter = mailtocommenter_filter($commentdata,$name);
  2. $subject =$filter[0];
  3. $message = $filter[1];

所以看起來 apply_filters(‘comment_text’, $message) 是無用的，乾脆刪掉，免得衝突 =.=!

PS, 昨晚 NOD32 更新之後造成 Opera 10.10 讀取郵件時卡死兩三秒，浪費我一上午的時間沒搞定終是關掉了實時防護 =.=!
還好臨下班前 sysadmin 給了個補丁，據 sysadmin 說 10.5x 卡得尤甚 =.=!

]]> https://tofu.im/blog/2010/04/09/mail2commenter/feed/ 3 Google Syntax Highlighter for WordPress https://tofu.im/blog/2010/04/03/google-syntax-highlighter-for-wordpress/ https://tofu.im/blog/2010/04/03/google-syntax-highlighter-for-wordpress/#comments Sat, 03 Apr 2010 06:52:49 +0000 Csineneo http://blog.csineneo.com/?p=372 昨晚试了几个语法高亮的插件，Google Syntax Highlighter for WordPress 还不错，除了有些小问题 =.=!

1, Google Syntax Highlighter for WordPress 的默认格式是

  1. <pre name="code" class"language">
  2.     code
  3. </pre>

可惜 pre 没的 name 属性 =.=!
找到 ../Scripts/shCore.js 第 364 行

  1. if(_73[i].getAttribute("name")==_71){

修改为

  1. if(_73[i].getAttribute("lang")==_71){

在调用的时候使用下面的格式

  1. <pre lang="code" class"language">
  2.     code
  3. </pre>

2, 另一个无语的地方是在 ../google_syntax_highlighter.php 中给 script 标签都加了 class 属性 =.=!

  1. <script class="javascript" src="<?php echo $current_path; ?>Scripts/shCore.js"></script>
  2. <script class="javascript" src="<?php echo $current_path; ?>Scripts/shBrushCSharp.js"></script>
  3. <script class="javascript" src="<?php echo $current_path; ?>Scripts/shBrushPhp.js"></script>
  4. <script class="javascript" src="<?php echo $current_path; ?>Scripts/shBrushJScript.js"></script>
  5. <script class="javascript" src="<?php echo $current_path; ?>Scripts/shBrushJava.js"></script>
  6. <script class="javascript" src="<?php echo $current_path; ?>Scripts/shBrushVb.js"></script>
  7. <script class="javascript" src="<?php echo $current_path; ?>Scripts/shBrushSql.js"></script>
  8. <script class="javascript" src="<?php echo $current_path; ?>Scripts/shBrushXml.js"></script>
  9. <script class="javascript" src="<?php echo $current_path; ?>Scripts/shBrushDelphi.js"></script>
  10. <script class="javascript" src="<?php echo $current_path; ?>Scripts/shBrushPython.js"></script>
  11. <script class="javascript" src="<?php echo $current_path; ?>Scripts/shBrushRuby.js"></script>
  12. <script class="javascript" src="<?php echo $current_path; ?>Scripts/shBrushCss.js"></script>
  13. <script class="javascript" src="<?php echo $current_path; ?>Scripts/shBrushCpp.js"></script>
  14. <script class="javascript">
  15. dp.SyntaxHighlighter.ClipboardSwf = '<?php echo $current_path; ?>Scripts/clipboard.swf';
  16. dp.SyntaxHighlighter.HighlightAll('code');
  17. </script>

将所有的 class=”javascript” 都替换为

  1. type="text/javascript"

然后再去 W3C Validator 就能看到绿色了 =.=!

3, 默认是显示控制栏的，不喜，去掉
找到 ../Scripts/shCore.js 第 403 行

  1. _76.addControls=(_61==null)?!IsOptionSet("nocontrols",_7e):_61;

修改为

  1. _76.addControls=(_61==null)?IsOptionSet("controls",_7e):!_61;

在需要控制栏的时候可使用下面的格式

  1. <pre lang="code" class"language:controls">
  2.     code
  3. </pre>
]]> https://tofu.im/blog/2010/04/03/google-syntax-highlighter-for-wordpress/feed/ 1 測試 WordPress Blogging Widget https://tofu.im/blog/2009/01/22/wordpress-blogging-widget/ https://tofu.im/blog/2009/01/22/wordpress-blogging-widget/#comments Thu, 22 Jan 2009 09:24:31 +0000 Csineneo http://blog.csineneo.com/2009/01/%e6%b8%ac%e8%a9%a6-wordpress-blogging-widget/ WordPress Blogging Widget 是 Opera Widget Team 開發的一款使用 Blog API 直接發布日誌的 widget。
點此下載

支持 HTML，不支持 WYSIWYG，不能上傳圖片，簡約了點 =.=!

]]> https://tofu.im/blog/2009/01/22/wordpress-blogging-widget/feed/ 3