Table of contents

เพิ่มฟังก์ชันค้นหาให้เว็บไซต์

เมื่อจำนวนบทความบล็อกบนเว็บไซต์ของฉันเพิ่มขึ้นเรื่อยๆ ความต้องการฟังก์ชันค้นหาก็เพิ่มขึ้นตามไปด้วย หลังจากการวิจัยและทดลองบางอย่าง ในที่สุดฉันก็ประสบความสำเร็จในการเพิ่มฟังก์ชันค้นหาให้เว็บไซต์ของฉัน การใช้ React เป็นครั้งแรกให้ความรู้สึกคุ้นเคย โดยเฉพาะอย่างยิ่งเพราะการออกแบบของ Astro ชวนให้นึกถึง React

ฟังก์ชันค้นหา

ฟังก์ชันค้นหาถูกวางไว้อย่างโดดเด่นบนหน้าแรกของเว็บไซต์ ช่วยให้ผู้ใช้สามารถป้อนคำสำคัญที่เกี่ยวข้องกับหัวข้อที่สนใจ เมื่อผู้ใช้ส่งคำค้นหา ฟังก์ชันค้นหาจะสแกนบทความบล็อกทั้งหมดและส่งคืนบทความที่ตรงกับคำค้นหา

ฟังก์ชันค้นหาไม่คำนึงถึงตัวพิมพ์ใหญ่เล็ก หมายความว่าจะส่งคืนผลลัพธ์ไม่ว่าคำสำคัญจะพิมพ์ด้วยตัวพิมพ์ใหญ่หรือตัวพิมพ์เล็ก นอกจากนี้ ยังค้นหาคำสำคัญทั้งในชื่อเรื่องและเนื้อหาของบทความบล็อก ทำให้ผู้ใช้ได้รับผลลัพธ์ที่เกี่ยวข้องมากขึ้น