在 Jas9 那看到不用安裝 Firefox Add-on ，而由網站管理者自行加入顯示連結預覽的方法。

透過 WebSnapr 網站提供的網站縮圖服務，搭配適當的 Javascript，便可以輕易達到顯示連結預覽的效果。與 Jas9 不同的是，我採用的是另外一個由 Brian McAllister 所寫的版本，以解決預覽泡泡出現在視窗外的問題。

• 首先先下載 websnapr.zip，並將之解壓縮。
• 修改 websnapr.css，將所有圖檔路徑改為你即將上傳的路徑 (e.g. /websnapr/lt.png)。
• 修改 websnapr.js，將第 22 行的 baseURI 改為你存放預覽泡泡、載入及錯誤圖檔的目錄 (e.g. /websnapr/ )。
• 將 websnapr.js 的第 138 行取代為
  

  var addy = String(webSnapr.lnk.href).match(/[^:]*:\/\/([^?#]*)/)[1];

  解決原程式只會抓取網址根目錄預覽圖的問題。

• 在 head 間加入
  

  <style type="text/css" media="screen">@import "/the/path/to/websnapr.css";</style>
  <script type="text/javascript" src="/the/path/to/websnapr.js"></script>

  記得將 /the/path/to 修改為你自己的路徑

• 最後將你想要顯示預覽圖的連結的 class 設為 websnapr 即可。

做出來的效果就如同本篇以及 sidebar 上的朋友連結，是不是很簡單呢？

The 連結預覽 by evenrain, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Taiwan License.