Open Mushiyo opened 8 years ago
[3]中的最後一段程式碼即是使用Bootstrap 3的DuckDuckGo搜尋框 一同參考了[3]和[4]之後,最後做出的搜尋框程式碼如下
<form class="form-inline" name="searchForm" action="https://duckduckgo.com/" method="get">
<div class="form-group input-group">
<input type="search" name="q" placeholder="search" class="form-control">
<input type="hidden" name="sites" value="yourWebSite">
<span class="input-group-btn">
<button type="submit" class="btn btn-success"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
</span>
</div>
</form>
使用前記得把程式碼中的yourWebSite
要改成欲放置搜尋框的網站的網址
值得一提的是,sites
這個參數在DuckDuckGo官方的參數說明中並沒有出現,有找到一篇StackOverflw說這是隱藏參數,且可以搜尋多個站(以逗號分隔網址)
經過測試後確定搜尋框的功能正常,但是DuckDuckGo在限定網址的情形下,對中文的搜尋結果感覺十分差強人意。 因此決定先不用DuckDuckGo,改採其他方案或是等DuckDuckGo有所改進。
由於決定不用DuckDuckGo了,故開始研究其它方案 目前考慮中的有:
action
的值改成https://www.google.com.tw/search
,sites
改成as_sitesearch
,這應該是最省事的方案了
加入DuckDuckGo搜尋框到側欄
雖然DuckDuckGo官方有提供嵌入搜尋框的code 但是嵌入後的效果不太理想,因此得自已寫一個 可能有用的資料:
Styling DuckDuckGo site-search連結失效