In Jekyll eine Suchfunktion mithilfe von DuckDuckGo einfügen

Ich finde, dass die Suchfunktion ein wichtiger Bestandteil für jede Internetseite ist. Auch ein Blog darf nicht auf eine Suche verzichten.

Da Jekyll von Haus aus keine Suchfunktion bietet, musst du auf eine Alternative ausweichen.

Das macht aber nicht, denn es ist auch nicht wirklich schwer. Die Suchmaschine DuckDuckGo bietet eine Funktion an, mithilfe der Funktion du deine Seite mit DuckDuckGo durchsuchen lassen kannst.

Auf diesem Blog habe ich es so umgesetzt.

Schritt #1

Ich habe eine Seite suche.md erstellt und dort den folgenden Code eingefügt:

  <form action="//duckduckgo.com/">
    <input type="hidden" value="{{ site.url }}" name="sites"></input>
    <input type="hidden" value="1" name="kh"></input>
    <input type="hidden" value="1" name="kn"></input>
    <input type="hidden" value="1" name="kac"></input>
    <input type="hidden" value="-1" name="k1"></input>
    <input type="hidden" value="-2" name="ko"></input>
    <input type="hidden" value="-1" name="kf"></input>
    <input type="search" placeholder="Suchen" name="q"></input>
    <button type="submit">Los</button>
</form>

Schritt #2

Danach habe ich einen Link Suche zu der eben erstellte Seite im Menü erstellt. Und fertig.

Du kannst das ganze noch mit CSS an dein Design anpassen.

Bei mir sieht das ganze so aus:

Suche mit DuckDuckGo umgesetzt auf Jekyll