jekyll tipue search

ค้นหา Jekyll Tipue

ค้นหาข้อความแบบเต็มใน Jekyll ด้วย Tipue Search ไม่จำเป็นต้องใช้ปลั๊กอิน เข้ากันได้อย่างสมบูรณ์กับหน้า Github

ดัชนีการค้นหาที่ tipuesearch/tipuesearch_content.js สร้างขึ้นด้วย Liquid ปลั๊กอิน Tipue Search jQuery ใช้ Javascript เพื่อค้นหาดัชนีและแสดงรายการผลลัพธ์

ดูการสาธิตสดที่ทำงานบนหน้า Github รหัสและการกำหนดค่าสำหรับการสาธิตอยู่ในสาขา gh-pages

การติดตั้ง

1. เพิ่มโฟลเดอร์ assets/tipuesearch และเนื้อหาทั้งหมดลงในไซต์ของคุณ

2. เพิ่มสคริปต์และสไตล์ Tipue Search ให้กับส่วนหัวของธีมของคุณ บรรทัดบางบรรทัดเหล่านี้เป็นทางเลือก โปรดดูข้อมูลในเอกสาร:

 {% if page.tipue_search_active or layout.tipue_search_active %}
<link rel="stylesheet" href="{{ "/assets/tipuesearch/css/normalize.css" | relative_url }}">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="{{ "/assets/tipuesearch/tipuesearch_content.js" | relative_url }}"></script>
<link rel="stylesheet" href="{{ "/assets/tipuesearch/css/tipuesearch.css" | relative_url }}">
<script src="{{ "/assets/tipuesearch/tipuesearch_set.js" | relative_url }}"></script>
<script src="{{ "/assets/tipuesearch/tipuesearch.min.js" | relative_url }}"></script>
{% endif %}

3. เพิ่มแบบฟอร์มการค้นหา Tipue Search การแสดงผลลัพธ์ และสคริปต์ลงในเว็บไซต์ของคุณ ใช้หน้าการค้นหาตัวอย่าง search.html สำหรับการอ้างอิง ตั้งค่า tipue_search_active: true ไว้ด้านหน้าของทุกหน้าหรือเค้าโครงที่คุณต้องการแสดงผลการค้นหา ดูเอกสาร Tipue Search สำหรับการกำหนดค่าแบบฟอร์มการค้นหาและการแสดงผลการค้นหา:

 <form action="{{ page.url | relative_url }}">
  <div class="tipue_search_left"><img src="{{ "/assets/tipuesearch/search.png" | relative_url }}" class="tipue_search_icon"></div>
  <div class="tipue_search_right"><input type="text" name="q" id="tipue_search_input" pattern=".{3,}" title="At least 3 characters" required></div>
  <div style="clear: both;"></div>
</form>

<div id="tipue_search_content"></div>

<script>
$(document).ready(function() {
  $('#tipue_search_input').tipuesearch();
});
</script>

การใช้งาน

โปรดดูเอกสารประกอบของ Tipue Search และเรียกดูโค้ดเพื่อทำความเข้าใจวิธีการทำงานของ Tipue Search และวิธีรวมเข้ากับไซต์ของคุณให้ดีที่สุด

รวมถึงหน้าและคอลเลกชัน

ตามค่าเริ่มต้น เฉพาะโพสต์เท่านั้นที่จะรวมอยู่ในดัชนีการค้นหา ไม่รวมหน้าและคอลเลกชัน

เพิ่มสิ่งต่อไปนี้ใน _config.yml เพื่อรวมเพจและคอลเล็กชัน collections คืออาร์เรย์ที่ประกอบด้วยรายการคอลเลกชันที่คุณต้องการรวมไว้

 tipue_search:
  include:
    pages: true
    collections: [apples, oranges]

ไม่รวมอยู่ในดัชนีการค้นหา

แยกเอกสารเดี่ยวออกจากดัชนีการค้นหาด้วยตัวแปรส่วนหน้า:

 exclude_from_search: true

ยกเว้นไฟล์ แท็ก หรือหมวดหมู่หลายรายการโดยใช้การตั้งค่าใน _config.yml files คืออาร์เรย์ที่มีรายการเส้นทางของไฟล์ที่จะยกเว้น tags และ categories คืออาร์เรย์ที่มีรายการแท็กและหมวดหมู่ที่คุณต้องการยกเว้น

 tipue_search:
  exclude:
    files: [search.html, _apples/gragg.md, _oranges/valencia.md]
    tags: [tag1, tag2]
    categories: [category1, category2]