Как использовать постоянные ссылки metalsmith в шаблоне Handlebars

У меня есть коллекции настроены и работают правильно.

Я просматриваю коллекцию проектов

{{#each collections.projects}}
    <a href="" class="portfolio-entry">

        <div class="info-frame portfolio-title">
            <h4>{{this.title}}</h4>
        </div>

        <div class="info-bits centerContext">
            <ul class="centerElement">
                <li class="info-bit">{{this.skills}}</li>
                <li class="info-bit">{{this.type}}</li>
                <li class="info-bit">{{this.platform}}</li>
            </ul>
        </div>

        <div class="project-thumbnail">
            <img src="{{this.thumbnail}}" alt="">
        </div>

    </a>
{{/each}}

Я хотел бы использовать metalsmith-permalinks для разрешения URL-адреса каждой ссылки.

Я пробовал всякие хромые вещи, подобные этому

<a href="{{this.permalink}}" class="portfolio-entry">

и это

<a href="{{this.url}}" class="portfolio-entry">

Конечно - ни один из них не работает.

Я изо всех сил пытался найти какую-либо подробную информацию о том, как на самом деле использовать постоянные ссылки в вашем шаблоне в любом месте в Интернете.


javascript handlebars.js permalinks metalsmith
person Martin Velchevski    schedule 01.11.2014    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Плагин постоянных ссылок добавляет свойство метаданных path, которое, похоже, плохо документировано. Это должно быть то, что вам нужно для получения ссылок.

На странице Github примечания:

Если шаблон не указан, файлы не будут переназначаться, но ключ метаданных path все равно будет установлен, чтобы вы могли использовать его для вывода ссылок на файлы в шаблоне.

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

Вы можете использовать его как:

{{#each collections.projects}}
    <a href="/{{this.path}}/" class="portfolio-entry">

Первый / соответствует текущему хосту, а конечный / является необязательным (в зависимости от конфигурации вашего http-сервера.

person James Khoury    schedule 11.11.2014
comment
Это именно то решение, которое я искал! Большое спасибо, Джеймс Хури! - person Martin Velchevski; 13.11.2014
comment
@jarodtaylor, не могли бы вы быть более конкретным? Это сработало для простого примера ОП. Может быть, вы могли бы задать еще один вопрос и показать, чем отличается ваша проблема? - person James Khoury; 28.09.2015