專業又有質感的網頁文章註解外掛 BigFoot﹍展示頁面

安裝程式碼請參考這篇「專業又有質感的網頁文章註解外掛 BigFoot﹍CDN 安裝懶人包」。

以下為測試文章內容，展示 Bigfoot 外掛的註解功能，註解之處可顯示數字編號，按下即出現註解：

********
對於網站的熟客而言，可能比較有耐心閱讀站長的一字一句，文章內容過長不太會是問題；不過對於新訪客而言，主要目的可能是在網路上尋找資料，希望直接看到重點，廢話越少越好。對於這兩種極端類型的讀者，身為站長的你，會想選邊站呢？還是想兩種都討好呢？

討好所有人很困難、也不一定需要，但這件事的確有兩全其美的方法，就是在文章中使用「註腳」功能。重點的部份提供給沒時間的訪客閱讀，同時頁面也可比較簡潔；而進一步需要補充的部份，使用各種註腳的技巧，讓有時間想要深入了解的讀者點擊按鈕，才顯示隱藏內容。剛好目前就是一個絕佳的舉例──

下面內容是針對只想看重點的讀者，在文章中使用「註腳」大致有三種形式：

• Footnote 註腳功能外掛¹
• Fancybox 燈箱效果²
• jQuery 展開收合效果³

以下說明如何簡單安裝 jQuery 展開收合效果，第一部份是 jQuery 主程式碼及 CSS 樣式設計。

在修改範本之前，如果第一次安裝本站工具的讀者，建議先閱讀「備份範本的訣竅」系列文章。

如果要放在文章之中的話，請在文章中任何想要擺放提示文字按鈕、及隱藏註解的位置，安插以下 HTML：

最後，要將執行程式碼放在哪裡，端看這個功能的使用頻率。以下是執行的 js 程式碼：
********


這裡是詳細註解內容，有錨點可跳回註解處：

1. 請參考這這篇「Blogger自動註腳外掛(Footnote)」教學，這個功能就類似實體書籍的註解功能，某段話需要補充說明時，在句尾加上(註1)，想看說明的讀者就到文末(註1)的位置即可。 ↩
2. 請參考這這篇「Fancybox 燈箱」安裝教學，這個燈箱效果功能非常強大，按下連結之後，無論是文件、影音內容，都能以燈箱效果呈現，因此拿來當註腳功能算是最炫的選擇。 ↩
3. 這是最簡單的註腳功能，不過就是將隱藏內容展開及收合。但至少不必安裝多餘外掛、且安裝方式最簡單。 ↩