title: 可即時顯示文章標題及摘要的部落格搜尋工具 --- **摘要** 自架部落格的站長們對於「網站搜尋」功能應該非常熟悉，如果是使用 WordPress 架站，內建文章搜尋功能是一個不錯的搜尋工具，但功能比較簡單。「Google 自訂搜尋」可以讓站長們把搜尋引擎多功能化，讓讀者能透過 Google 旁大的資料庫來找尋符合的內容。 這篇文章要介紹的搜尋工具可以讓您的讀者輸入關鍵字後，直接在搜尋框下面顯示符合的結果（包含文章標題及內容摘要）。 **Category** - [網站推薦](https://www.soft4fun.net/category/tech/website-recommand) - [部落格工具](https://www.soft4fun.net/category/social-networks/blog-widget) **Tag** - [搜尋引擎](https://www.soft4fun.net/tag/%e6%90%9c%e5%b0%8b%e5%bc%95%e6%93%8e) - [部落格](https://www.soft4fun.net/tag/%e9%83%a8%e8%90%bd%e6%a0%bc) **圖片清單** - ![可即時顯示文章標題及摘要的部落格搜尋工具 4144575552_4b9bcc0b33](http://static.flickr.com/2496/4144575552_4b9bcc0b33.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4144575552_4b9bcc0b33") - ![可即時顯示文章標題及摘要的部落格搜尋工具 4143814503_cae267596b](http://static.flickr.com/2649/4143814503_cae267596b.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4143814503_cae267596b") - ![可即時顯示文章標題及摘要的部落格搜尋工具 4143814539_5c3567e5a4](http://static.flickr.com/2526/4143814539_5c3567e5a4.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4143814539_5c3567e5a4") - ![可即時顯示文章標題及摘要的部落格搜尋工具 4144575642_f559f15e4d](http://static.flickr.com/2656/4144575642_f559f15e4d.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4144575642_f559f15e4d") - ![可即時顯示文章標題及摘要的部落格搜尋工具 4144575664_0ab69b23f4](http://static.flickr.com/2666/4144575664_0ab69b23f4.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4144575664_0ab69b23f4") - ![可即時顯示文章標題及摘要的部落格搜尋工具 4143814605_6e61f2f25d](http://static.flickr.com/2623/4143814605_6e61f2f25d.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4143814605_6e61f2f25d") - ![可即時顯示文章標題及摘要的部落格搜尋工具 4143814653_f2e9df74b6](http://static.flickr.com/2590/4143814653_f2e9df74b6.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4143814653_f2e9df74b6") - ![可即時顯示文章標題及摘要的部落格搜尋工具 4143814633_5c9882128a](http://static.flickr.com/2491/4143814633_5c9882128a.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4143814633_5c9882128a") - ![可即時顯示文章標題及摘要的部落格搜尋工具 4144575766_e970c04306](http://static.flickr.com/2691/4144575766_e970c04306.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4144575766_e970c04306") --- 自架部落格的站長們對於「網站搜尋」功能應該非常熟悉，如果是使用 WordPress 架站，內建文章搜尋功能是一個不錯的搜尋工具，但功能比較簡單。「Google 自訂搜尋」可以讓站長們把搜尋引擎多功能化，讓讀者能透過 Google 旁大的資料庫來找尋符合的內容。 這篇文章要介紹的搜尋工具可以讓您的讀者輸入關鍵字後，直接在搜尋框下面顯示符合的結果（包含文章標題及內容摘要）。 > **網站名稱**：Sikbox > **網站網址**：[http://sikbox.com](http://sikbox.com) #### 使用方式 **Step 1** 在第一個欄位填入網站網址，第二個欄位可以預覽搜尋結果。按〔GET THE CODE〕繼續。 > **注意**： > 1. 網址前一定要加 http:// > 2. > 須要有屬於網站的域名才能使用（Pixnet VIP的二級域名可使用）。 [![可即時顯示文章標題及摘要的部落格搜尋工具 4144575552_4b9bcc0b33](http://static.flickr.com/2496/4144575552_4b9bcc0b33.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4144575552_4b9bcc0b33")](http://www.flickr.com/photos/14688418@N08/4144575552/) **Step 2** 接著依序輸入網址、暱稱及Email，按〔CUSTOMIZE AND GENERATE THE CODE〕索取程式碼。 [![可即時顯示文章標題及摘要的部落格搜尋工具 4143814503_cae267596b](http://static.flickr.com/2649/4143814503_cae267596b.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4143814503_cae267596b")](http://www.flickr.com/photos/14688418@N08/4143814503/) **Step 3** 你可以在這個畫面設定結果顯示數量及各種不同的顯示風格。設定完後，把下方的code複製貼上到網站裡就可以了 [![可即時顯示文章標題及摘要的部落格搜尋工具 4143814539_5c3567e5a4](http://static.flickr.com/2526/4143814539_5c3567e5a4.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4143814539_5c3567e5a4")](http://www.flickr.com/photos/14688418@N08/4143814539/) #### 七種不同風格 **Default** [![可即時顯示文章標題及摘要的部落格搜尋工具 4144575642_f559f15e4d](http://static.flickr.com/2656/4144575642_f559f15e4d.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4144575642_f559f15e4d")](http://www.flickr.com/photos/14688418@N08/4144575642/) **Quicksilver Bezel** [![可即時顯示文章標題及摘要的部落格搜尋工具 4144575664_0ab69b23f4](http://static.flickr.com/2666/4144575664_0ab69b23f4.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4144575664_0ab69b23f4")](http://www.flickr.com/photos/14688418@N08/4144575664/) **Dark** [![可即時顯示文章標題及摘要的部落格搜尋工具 4143814605_6e61f2f25d](http://static.flickr.com/2623/4143814605_6e61f2f25d.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4143814605_6e61f2f25d")](http://www.flickr.com/photos/14688418@N08/4143814605/) **Gray and Yellow** [![可即時顯示文章標題及摘要的部落格搜尋工具 4143814653_f2e9df74b6](http://static.flickr.com/2590/4143814653_f2e9df74b6.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4143814653_f2e9df74b6")](http://www.flickr.com/photos/14688418@N08/4143814653/) **Google Chrome** [![可即時顯示文章標題及摘要的部落格搜尋工具 4143814633_5c9882128a](http://static.flickr.com/2491/4143814633_5c9882128a.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4143814633_5c9882128a")](http://www.flickr.com/photos/14688418@N08/4143814633/) **Minimalist** [![可即時顯示文章標題及摘要的部落格搜尋工具 4144575766_e970c04306](http://static.flickr.com/2691/4144575766_e970c04306.jpg "可即時顯示文章標題及摘要的部落格搜尋工具 4144575766_e970c04306")](http://www.flickr.com/photos/14688418@N08/4144575766/)