astro pagefind

أسترو-البحث عن الصفحات

التكامل الفلكي للبحث في الموقع الثابت Pagefind.

سمات

• إنشاء فهرس العثور على الصفحات بناءً على البناء الثابت
• خدمة فهرس البحث الذي تم إنشاؤه مسبقًا في وضع astro dev
• البحث عن مكون استرو
• يدعم مسار URL الأساسي المخصص
• يدعم مثيلات متعددة للمكون على الصفحة
• يدعم استعلام البحث المملوء مسبقًا
• يدعم انتقالات عرض أسترو

الاستخدام

ثَبَّتَ:

npm i astro-pagefind

أضف التكامل إلى تكوين Astro:

 //astro.config.ts

import { defineConfig } from "astro/config" ;
import pagefind from "astro-pagefind" ;

export default defineConfig ( {
  build : {
    format : "file" ,
  } ,
  integrations : [ pagefind ( ) ] ,
} ) ;

إضافة مكون بحث على الصفحة:

 ---
import Search from " astro-pagefind/components/Search " ;
---

< Search id = " search " className = " pagefind-ui " uiOptions = { { showImages: false } } />

راجع Main.layout للحصول على مثال للاستخدام.

استعلام البحث المملوء مسبقًا

في وضع SSR، يوفر Astro إمكانية الوصول إلى معلمات استعلام URL التي يمكن استخدامها لملء استعلام البحث مسبقًا عبر الخاصية:

 ---
import Search from " astro-pagefind/components/Search " ;

export const prerender = false ;

const q = Astro . url . searchParams . get ( " q " ) ?? undefined ;
---

< Search query = { q } />

راجع prefilled.astro للحصول على مثال كامل.