นี่ไม่ใช่ธีมแบบสแตนด์อโลน นี่คือองค์ประกอบธีม Hugo
หากต้องการใช้ส่วนประกอบนี้
เพิ่มสิ่งนี้ลงในไฟล์กำหนดค่า TOML ของไซต์ของคุณ:
[ module ]
[[ module . imports ]]
path = " github.com/kaushalmodi/hugo-search-fuse-js "
เรียกใช้ hugo mod tidy
ในไดเร็กทอรีไซต์หลักของคุณ repo ของไซต์หลักต้องเป็นโมดูล Hugo เช่นกัน (ต้องมี go.mod
เป็นของตัวเอง) หากต้องการให้เป็นหนึ่งเดียว ให้เรียกใช้ hugo mod init <your site url or any unique string>
ใน repo ไซต์ของคุณก่อนที่จะดำเนินการขั้นตอนนี้
สร้าง content/search.md
โดยตั้งค่าพารามิเตอร์ layout
ต์เป็น "search" และตั้งค่าพารามิเตอร์ output
เป็น ["html", "json"]
เนื้อหาหรือเนื้อหาของ search.md
นี้ไม่ได้ใช้โดยเทมเพลต search.html
ซึ่งเป็นส่วนหนึ่งของส่วนประกอบธีมนี้
นี่คือตัวอย่าง search.md
:
+++
title = " Search "
layout = " search "
outputs = [ " html " , " json " ]
[ sitemap ]
priority = 0.1
+++
คุณต้องติดตั้ง Go เวอร์ชันล่าสุดจาก https://go.dev/doc/install เนื่องจากส่วนประกอบของธีมนี้ต้องใช้คำสั่ง hugo mod ..
จึงจะทำงานได้
การอัปเดตเมื่อเปลี่ยนไปใช้โมดูล Hugo นี้ได้รับการทดสอบครั้งล่าสุดกับ Hugo v0.92.0
base
จำเป็นต้องกำหนดบล็อก main
และ footer
(แสดงในลิงก์ก่อนหน้านั้น) หากธีมหลักไม่ตรงตามข้อกำหนดเหล่านี้ คุณจะต้องแก้ไข search.html
บางส่วนเพื่อให้การค้นหาทำงานได้ คุณสามารถค้นหาได้ใน layouts/_default/search.html
ในคอมโพเนนต์นี้
baseof.html
?คุณมีสองทางเลือก:
search.html
เพื่อให้เข้ากับธีมของคุณbaseof.html
แต่ไม่มีบล็อก main
และ/หรือ footer
ง่ายมากที่จะเพิ่มบล็อกเหล่านั้นโดยไม่ทำลายธีมที่มีอยู่
หากต้องการเพิ่มบล็อก main
ให้เพิ่มสิ่งนี้ลงใน baseof.html
ในตำแหน่งที่เหมาะสม:
{{ block "main" . }}{{ end }}
และเพิ่มด้านล่างในทำนองเดียวกันหากบล็อก footer
หายไป:
{{ block "footer" . }}{{ end }}
ตัวอย่างเช่น ดูตัวอย่างข้อมูล baseof.html
ใน Hugo docs