🐛 Fixed the algolia search script find result in content.

This commit is contained in:
凡梦星尘 2022-08-02 11:22:19 +08:00
parent 7ed095d42c
commit 1917055634

View File

@ -39,7 +39,7 @@ document.addEventListener('DOMContentLoaded', () => {
// Hide default icons of algolia search // Hide default icons of algolia search
showReset: false, showReset: false,
showSubmit: false, showSubmit: false,
showLoadingIndicator: false, showLoadingIndicator: true,
cssClasses: { cssClasses: {
input: 'search-input' input: 'search-input'
} }
@ -65,13 +65,13 @@ document.addEventListener('DOMContentLoaded', () => {
escapeHTML: false, escapeHTML: false,
templates: { templates: {
item: data => { item: data => {
const { title, excerpt, excerptStrip, contentStripTruncate } = data._highlightResult; const { title, excerpt, excerptStrip, content } = data._highlightResult;
let result = `<a href="${data.permalink}" class="search-result-title">${title.value}</a>`; let result = `<a href="${data.permalink}" class="search-result-title">${title.value}</a>`;
const content = excerpt || excerptStrip || contentStripTruncate; const content = excerpt || excerptStrip || content;
if (content && content.value) { if (content && content.value) {
const div = document.createElement('div'); const div = document.createElement('div');
div.innerHTML = content.value; div.innerHTML = content.value;
result += `<a href="${data.permalink}"><p class="search-result">${div.textContent.substring(0, 100)}...</p></a>`; result += `<a href="${data.permalink}"><p class="search-result">${div.textContent.substring(0, 200)}...</p></a>`;
} }
return result; return result;
}, },
@ -89,8 +89,8 @@ document.addEventListener('DOMContentLoaded', () => {
instantsearch.widgets.pagination({ instantsearch.widgets.pagination({
container: '.algolia-pagination', container: '.algolia-pagination',
scrollTo: false, scrollTo: false,
showFirst: false, showFirst: true,
showLast: false, showLast: true,
templates: { templates: {
first: '<i class="fa fa-angle-double-left"></i>', first: '<i class="fa fa-angle-double-left"></i>',
last: '<i class="fa fa-angle-double-right"></i>', last: '<i class="fa fa-angle-double-right"></i>',