Wei-Hao Syu's Blog 徐偉浩的部落格 » Web http://blog.pighead.cc/whsyu ~FORMOSAN~ Thu, 02 Feb 2012 08:10:25 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 facebook sharer 的使用方法 http://blog.pighead.cc/whsyu/2011/07/15/facebook-share-tips/ http://blog.pighead.cc/whsyu/2011/07/15/facebook-share-tips/#comments Fri, 15 Jul 2011 15:22:06 +0000 Wei-Hao Syu http://blog.pighead.cc/whsyu/?p=1420 [華語, cmn-Hant-TW]

基本上 share 已經被  facebook 整到 like 去了，不過 like 的 api 在某些情況 (像是行動裝置的網頁) 下，效果並不好，所以舊的 sharer.php 還是有其價值，使用的方式也很簡單，丟個連到 facebook 的連結即可：

其實除了 u 這個參數外，還可以下 t 這個參數來指定 title，不過 title 的部份沒有那麼重要，facebook 會自己去分析網頁內容自動代入。一般情況當然是直接找網頁 <head> 裡面的 <title> 啦，不過我們也可以另外透過 <meta> 及 <link> 來自訂，一樣是放在 <head> 區塊下：

  • 分享的標題 <meta name=”title” content=”$text1” />
  • 簡單的描述 <meta name=”description” content=”$text2” />
  • 代表的圖片 <link rel=”image_src” href=”$img” />

$text1 及 $text2 直接填文字即可，$img  則是圖檔的位置，建議不要放太大的圖片。此三格非必填，若留空者 facebook 會自己想辦法補完，像圖檔的話他就會在 sharer 列出網頁上所有看得到的圖檔讓你挑一張當代表。 另外 facebook 似乎有某種快取的機制，修改這些值不會立刻反應 sharer 的網頁上，不確定要等多久才會更新就是。

]]> http://blog.pighead.cc/whsyu/2011/07/15/facebook-share-tips/feed/ 0 Roundcube + smtp + ssl http://blog.pighead.cc/whsyu/2011/04/09/roundcube-smtp-ssl/ http://blog.pighead.cc/whsyu/2011/04/09/roundcube-smtp-ssl/#comments Sat, 09 Apr 2011 02:00:43 +0000 Wei-Hao Syu http://blog.pighead.cc/whsyu/?p=1291 [華語, cmn-Hant-TW]

用 Roundcube 架 Webmail，一般來講只要 imap 跟 smtp 在伺服器端都已經先設定好的話，應該是不會遇到太大的問題，就設定檔填一填值就可以動了，不過嘛… 來看一下 main.inc.php 關於smtp 設定的說明：

// SMTP server host (for sending mails).
// To use SSL/TLS connection, enter hostname with prefix ssl:// or tls://
// If left blank, the PHP mail() function is used
// Supported replacement variables:
// %h - user's IMAP hostname
// %n - http hostname ($_SERVER['SERVER_NAME'])
// %d - domain (http hostname without the first part)
// %z - IMAP domain (IMAP hostname without the first part)
// For example %n = mail.domain.tld, %d = domain.tld
$rcmail_config['smtp_server'] = '';

照說明來看，要開啟 SSL 的話應該是打 ssl:// 就可以，不過其實這樣只會吃到錯誤訊息而已，事實上 只有 tls:// 能用，因為 rcube_smtp.php 只會解析 tls:// 開頭的 smtp_server 參數…… 總之，會動就好了。

]]> http://blog.pighead.cc/whsyu/2011/04/09/roundcube-smtp-ssl/feed/ 0 撤掉電腦裡的 CNNIC 根憑證 http://blog.pighead.cc/whsyu/2011/03/30/remove-cnnic-root-certificate/ http://blog.pighead.cc/whsyu/2011/03/30/remove-cnnic-root-certificate/#comments Wed, 30 Mar 2011 06:38:51 +0000 Wei-Hao Syu http://blog.pighead.cc/whsyu/?p=1266 [華語, cmn-Hant-TW]

前一篇提到如果說發憑證的亂搞的話會怎樣，那自然就會想到中國的 CNNIC 了，這東西去年就吵過一次，也很多人提供各平台瀏覽器的移除方法，所以這邊只是複習 (備份？) 一下。 雖然說沒有明確的事實證明中國人真的會在裡面亂搞，不過其於對該國政府的不信任，不爽用總可以吧？

CNNIC 根憑證不見得預設就被塞在電腦裡，但是有遇到的話就有可能會被下載存下來，只要逛過像是 https://www.enum.cn/ 之類的網站，CNNIC Root 就會冒出來了，我們可以等他冒出來之後再把他整個關掉，以下就是系統設定的筆記，有碰到的就記下來，之後有需要再增補。

Mac OS X

Safari/Chrome
  1. 用系統內建的 鑰匙圈存取 (Keychain Access.app)，正常情況下應該是可以在 /應用程式/工具程式 下面找到， 然後在 系統根 裡面找出 CNNIC
  2. 在 CNNIC ROOT 上按右鍵選簡介，或是直接按 command + I 快速鍵，打開簡介視窗

  3. 在簡介中展開信任，把使用此憑證時的選項從「使用系統預設」改成「永不信任」。

  4. 回到原畫面之後，應該會發現 CNNIC ROOT 已經被打一個紅色的叉，「此憑證被標示為不讓所有使用者信任」了。
  5. 這時候如果用瀏覽器打開用 CNNIC 發的憑證的網頁(像是前面的那個範例)，就會出來像是這樣的警告畫面，然後要不要連過去就自己來決定。

Mac OS X

Firefox 4
  1. 偏好設定 → 進階 (分頁) → 檢視憑證清單 (按鈕)
  2. 找到 CNNIC 後，按下編輯信任 按鈕
  3. 把所有的勾勾 (應該只有第一項) 取消，按確定
  4. 重開 Firefox ，之後打開用 CNNIC 發的憑證的網頁(像是前面的那個範例)，就會出來像是這樣的警告畫面，要不要開啟例外網站，就由自己決定了。
]]> http://blog.pighead.cc/whsyu/2011/03/30/remove-cnnic-root-certificate/feed/ 0 SSL 憑證公司 Comodo 出大包 http://blog.pighead.cc/whsyu/2011/03/30/comodo-hacked/ http://blog.pighead.cc/whsyu/2011/03/30/comodo-hacked/#comments Wed, 30 Mar 2011 04:20:29 +0000 Wei-Hao Syu http://blog.pighead.cc/whsyu/?p=1261 [華語, cmn-Hant-TW]

最近網際網路發生了件很嚴重的事情：發憑證的大咖 Comodo 被攻破，然後拿來簽了幾個知名網站的 SSL 憑證。

Comodo 宣稱是伊朗的駭客攻擊造成，可能有政治目的。後來也真的有伊朗駭客上網宣稱是他幹的，因為他不爽米國人怎樣怎樣，為了證明真的是他幹的他甚至丟出他用 Comodo 生出來的 addons.mozilla.org 的 private key，在 Gea-Suan Lin’s BLOG的這篇 有提到，不過因為我沒在用 firefox 所以沒特別擔心就是 :p

相關的台灣華語報導不多，這兩篇可以參考一下

總之，這件事告訴我們：有人亂搞的話 SSL 的機制會大亂，啊如果是發憑證的單位自己在亂搞呢？

 

]]> http://blog.pighead.cc/whsyu/2011/03/30/comodo-hacked/feed/ 0 國泰世華網路銀行毋是IE-ONLY了 http://blog.pighead.cc/whsyu/2010/02/10/mybank-not-ie-only/ http://blog.pighead.cc/whsyu/2010/02/10/mybank-not-ie-only/#comments Wed, 10 Feb 2010 11:54:55 +0000 Wei-Hao Syu http://blog.pighead.cc/whsyu/?p=716 [客家話, hak-Hant-TW]

http://www.mybank.com.tw

這間罵過當多擺了，明明就可以登入，毋過是沒用 IE 開就是做毋得用 (有兜畫面不正常沒就是出毋來)，看了當得人厭，寫信罵咩沒什麼用。不過聽講 ( Ptt MAC 板) 這擺的更新解決了這隻問題，試了一下 Chrome 撈 Safari 正經本成按毋落去的左半片可以用了，是毋靚啦 ( 色毋對) 不過正經可以用，右半片的帳號列表的台幣外幣切換也咩可以用，看來以後用 Mac 又少一隻開 Windows Guest OS 的理由了。

]]> http://blog.pighead.cc/whsyu/2010/02/10/mybank-not-ie-only/feed/ 0 線上產生 iPhone 風格的圖示 http://blog.pighead.cc/whsyu/2010/01/26/iphone-icon-generator/ http://blog.pighead.cc/whsyu/2010/01/26/iphone-icon-generator/#comments Tue, 26 Jan 2010 09:05:27 +0000 Wei-Hao Syu http://blog.pighead.cc/whsyu/?p=692 [客家話, hak-Hant-TW]

一隻可以線上產生看起來像 iPhone Apps 圖示的網站，上傳圖片過去、選好按鈕的形式他就會產生像是 iPhone Apps 該樣的圖示(.png)，還有加一隻 favicon (.ico)可以用到網頁上。

http://www.flavorstudios.com/iphone-icon-generator

]]> http://blog.pighead.cc/whsyu/2010/01/26/iphone-icon-generator/feed/ 0 YouTube HTML5 http://blog.pighead.cc/whsyu/2010/01/22/youtube-html5/ http://blog.pighead.cc/whsyu/2010/01/22/youtube-html5/#comments Fri, 22 Jan 2010 02:08:54 +0000 Wei-Hao Syu http://blog.pighead.cc/whsyu/?p=640 [華語, cmn-Hant-TW]

在 AppleInsider 的這一篇裡面看到 YouTube 開始支援 HTML5，有逃離 Adobe Flash 的機會當然要來玩看看。

要測試 HTML5 Beta 很簡單，連到 http://www.youtube.com/html5 就可以切換播放模式了，目前只有 Chrome 跟 Safari 有支援，這樣看的話理論上 Webkit 系列的應該都可以才是，不過似乎 Konqueror 切了沒用，就算顯示成是 HTML5 beta 模式他還是會試著找 flash 來播。 其實 HTML5 的版本就是直接播 H.264 的影片，所以會吃比較少資源 – 至少在 Mac 上是如此。實際上測下去的結果發現果然是 beta 版啊！ 影片像打馬賽克一樣很有復古的味道，就算 HD 版也是一樣，不過這應該在正式推出後會回到正常吧。

整個介面和 Flash 版差異不大，不過少了廣告跟小動畫這些需要 Flash 才能跑的東西，然後在一開始載入的時候畫面中間會秀出一個 html5 的字樣，在 Chrome 下載入沒多久就開始播，在 Safari 下的話則是停在那邊不會動。卡住的原因不明，不過之前裝過 ClickToFlash 載入也是載入很久，說不定只是我耐心不夠？！

總之 HTML5 Beta 的出現是個好的開始，不過等到功能完善系統穩定也許還要再一段時間吧。

]]> http://blog.pighead.cc/whsyu/2010/01/22/youtube-html5/feed/ 0 nicovideo, YouTube Downloaders http://blog.pighead.cc/whsyu/2010/01/20/nicovideo-youtube-downloaders/ http://blog.pighead.cc/whsyu/2010/01/20/nicovideo-youtube-downloaders/#comments Wed, 20 Jan 2010 01:21:21 +0000 Wei-Hao Syu http://blog.pighead.cc/whsyu/?p=632 [English, eng-Latn-US]

にこ☆さうんど – Nicovideo MP3 Downloader
Video2mp3 – Youtube MP3 Downloader
  • though it shows incorrect national flags (China, which use Simplified Chinese) for Traditional Chinese Language
YouTubeSnips YouTube MP4/FLV Downloader
]]> http://blog.pighead.cc/whsyu/2010/01/20/nicovideo-youtube-downloaders/feed/ 0