Использование уточнение списка результатов сортировки Jekyll с помощью флажков - PullRequest
Новая
       30

Использование уточнение списка результатов сортировки Jekyll с помощью флажков

0 голосов
/ 21 февраля 2019

Прежде всего, можно ли использовать список уточнений с Jekyll?Я хотел бы уточнить поиск с помощью флажков с помощью тегов в Jekyll.

Это мой блок кода Алголии 

const search = instantsearch({
    appId: '{{ site.algolia.application_id }}',
    indexName: '{{ site.algolia.index_name }}',
    apiKey: '{{ site.algolia.search_only_api_key }}'
});

const hitTemplate = function (hit) {

    let date = '';
    if (hit.dateposted) {
        date = moment.unix(hit.dateposted).format('MMM D, YYYY');
    }

    let url = `{{ site.url }}${hit.url}#${hit.anchor}`;

    const title = hit._highlightResult.title.value;

    let breadcrumbs = '';
    if (hit._highlightResult.headings) {
        breadcrumbs = hit._highlightResult.headings.map(match => {
            return `<span class="post-breadcrumb">${match.value}</span>`
        }).join(' > ')
    }

    const content = hit._highlightResult.html.value;

    return `
        <div class="post-item">
            <h2><a class="post-link" href="${hit.url}">${hit.jobtitle}</a></h2>
            <span class="text-muted text-lower date-posted">Posted ${hit.dateposted}</span>
            <div class="listing-meta my-3">
                <span class="listing-tags text-lower">${hit.salary}</span>
                <span class="listing-tags text-lower">${hit.location}</span>
            </div>

            <div class="post-snippet">${content}</div>
            <hr>
        </div>
    `;
}

// Adding searchbar and results widgets
search.addWidget(
    instantsearch.widgets.searchBox({
        container: '#search-searchbar',
        placeholder: 'Search for vacancies',
        poweredBy: true // This is required if you're on the free Community plan
    })
);
search.addWidget(
    instantsearch.widgets.hits({
        container: '#search-hits',
        empty: 'No results',
        templates: {
            item: hitTemplate 
        }
    })
);


// Starting the search
search.start();

Я использовал учебники Jekyll, чтобы отсортировать это, я очень новыйв Алголию.Я просмотрел документы и нашел ... 

search.addWidget(
    instantsearch.widgets.refinementList({
        container: '#refinement-list',
        attribute: 'tags',
        templates: {
            item: `
            <a href="{{url}}" style="{{#isRefined}}font-weight: bold{{/isRefined}}">
                <span>{{label}} ({{count}})</span>
            </a>
            `,
        }
    })
);

Кажется, это не работает, даже при добавлении в код выше под последним виджетом поиск исчезает с сайта.

Что я делаю не так: (

...