You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

47 lines
1.6 KiB

4 years ago
  1. +++
  2. title = "Fuzzy Search"
  3. description = "Secara cepat menemukan konten yang telah di indeks dimanapun pada situs anda."
  4. categories = ["navigation"]
  5. tags = ["links", "search", "controls"]
  6. feature = ["code highlighter", "snippets", "related content"]
  7. [[copyright]]
  8. owner = "Josh Habdas"
  9. date = "2019"
  10. license = "agpl-3.0-or-later"
  11. +++
  12. Jika mesin pencari dapat menemukannya, anda pun juga bisa. Temukan lokasi konten yang dapat diindeks dengan cepat menggunakan fuzzy search. Tidak memerlukan pendaftaran.
  13. {{< hackcss-card header="Interactive Example" >}}
  14. <iframe scrolling="no" title="Error Page Example" width="100%" height="300" src="/search/?s=uzzy%20searvh"></iframe>
  15. {{< /hackcss-card >}}
  16. Sesuaikan dari `_index.md` di situs `content/search` direktori:
  17. ```
  18. ├── archetypes
  19. ├── content
  20. │ └── search
  21. │ └── _index.md
  22. ├── static
  23. ├── themes
  24. ```
  25. Jika file belum ada, buatlah:
  26. ```sh
  27. $ hugo new search/_index.md
  28. ```
  29. Dan tentukan`JSON` {{< external href="https://gohugo.io/templates/output-formats" text="Output Format" />}} di dalam situs konfigurasi:
  30. ```toml
  31. [outputs]
  32. home = ["HTML", "RSS", "JSON"]
  33. ```
  34. {{% hackcss-alert type="info" %}}**Note:** ini menambahkan `JSON` sambil menyimpan `HTML` dan `RSS` secara standart.{{% /hackcss-alert %}}
  35. Setelah diaktifkan, situs anda akan mulai menghasilkan file `index.json` selama pembuatan, memberikan fuzzy search data yang dibutuhkan untuk membantu anda menemukan halaman.
  36. Cobalah dengan menavigasi [domain.example/search](/search), memasukkan permintaan pencarian dan dengan menggunakan <kbd>Tab</kbd> untuk menavigasi diantara hasil pencarian.