hugo search fuse js

Pencarian langsung Hugo menggunakan Fuse.js dan Mark.js

Ini bukanlah tema yang berdiri sendiri. Ini adalah komponen tema Hugo.

Untuk menggunakan komponen ini,

1. Tambahkan ini ke file konfigurasi TOML situs Anda:

   [ module ]
     [[ module . imports ]]
       path = " github.com/kaushalmodi/hugo-search-fuse-js "

2. Jalankan hugo mod tidy di direktori situs utama Anda. Repo situs utama juga harus berupa modul Hugo (harus memiliki go.mod sendiri). Untuk membuatnya, jalankanhugo hugo mod init <your site url or any unique string> di repo situs Anda sebelum Anda melakukan langkah ini.

3. Buat content/search.md dengan parameter layout disetel ke "search", dan parameter output disetel ke ["html", "json"] . Konten atau isi search.md ini tidak digunakan oleh template search.html yang merupakan bagian dari komponen tema ini.

   Berikut ini contohnya search.md :

    +++
   title = " Search "
   layout = " search "
   outputs = [ " html " , " json " ]
   [ sitemap ]
     priority = 0.1
   +++

Persyaratan

Anda perlu menginstal Go versi terbaru dari https://go.dev/doc/install karena komponen tema ini memerlukan perintah hugo mod .. agar dapat berfungsi.

Pembaruan saat beralih menggunakan Modul Hugo ini terakhir diuji dengan Hugo v0.92.0.

1. Tema utama Anda harus disusun menggunakan templat dan blok dasar, dan
2. Templat base perlu menentukan blok main dan footer (ditunjukkan pada tautan sebelumnya).

Jika tema utama tidak memenuhi persyaratan ini, Anda perlu mengedit sebagian search.html agar pencarian berfungsi. Anda dapat menemukannya di layouts/_default/search.html di komponen ini.

Bagaimana jika tema utama tidak memiliki baseof.html ?

Anda memiliki dua opsi:

1. Edit search.html agar sesuai dengan tema Anda.
2. Tingkatkan tema untuk menggunakan pendekatan "templat dan blok dasar" yang baru.

Bagaimana jika tema utama memiliki baseof.html , tetapi tidak memiliki blok main dan/atau footer ?

Sangat mudah untuk menambahkan blok tersebut tanpa merusak tema yang sudah ada.

Untuk menambahkan blok main , tambahkan ini ke baseof.html Anda di tempat yang sesuai:

 {{ block "main" . }}{{ end }}

Dan tambahkan juga di bawah ini jika blok footer tidak ada:

 {{ block "footer" . }}{{ end }}

Misalnya, lihat cuplikan baseof.html di dokumen Hugo.

Kredit

• Fungsi pencarian berdasarkan Fuse.js.
• Penyorotan kata kunci oleh mark.js.
• Implementasi awal Hugo oleh @eddiewebb dalam inti ini.
• Pengemasan komponen tema Hugo oleh @kaushalmodi.
• penghapusan jQuery dan integrasi polyfill IE oleh @lpar.
• Polyfill kompatibilitas IE:
  • Janji
  • Mengambil
  • URLSearchParams
  • API templat dan fragmen
  • Node.hapus