Giter VIP home page Giter VIP logo

Comments (6)

blakeembrey avatar blakeembrey commented on June 16, 2024

@1Copenut Do you have access to pagination.files - change collections.articles to pagination.files? Do you have the code that isn't working for you that I can see/try? A repro would be great too, if that doesn't work.

from metalsmith-pagination.

1Copenut avatar 1Copenut commented on June 16, 2024

Hi @blakeembrey
I tried switching the collections.articles to pagination.files, but it doesn't output anything when I do.

Repo for my project: https://github.com/1Copenut/seward-fast/tree/feature/collections

I'll continue investigating on this end as well.

Thank you.

from metalsmith-pagination.

blakeembrey avatar blakeembrey commented on June 16, 2024

@1Copenut It appears to be working for me, I just added pagination and updated the template - what file output are you looking at?

from metalsmith-pagination.

blakeembrey avatar blakeembrey commented on June 16, 2024

templates/partials/blogNavigation.hbt

<h2 id="blogHeading">Top Blog Posts</h2>
<ul class="articleList">
    {{#each pagination.files}}
        <li class="articleList__item">
            <h3 class="articleList__itemName">
                <a href="{{ this.path }}">{{ this.title }}</a>
            </h3>
        </li>
    {{/each}}
</ul>

build.js

    .use(pagination({
        'collections.articles': {
            'perPage': 2,
            'template': 'partials/blogNavigation.hbt',
            'path': 'page/:num/index.html'
        }
    }))

build/page/1/index.html

<h2 id="blogHeading">Top Blog Posts</h2>
<ul class="articleList">
        <li class="articleList__item">
            <h3 class="articleList__itemName">
                <a href="articles/2016-01-10-first-post">Example title.</a>
            </h3>
        </li>
</ul>

from metalsmith-pagination.

1Copenut avatar 1Copenut commented on June 16, 2024

Hm. I might just be mis-understanding how it works. I was expecting to see the perPage limited number of posts on the index.html front page, but seeing your example code, I can understand what's happening.

Sorry for the confusion, and thank you for help!

from metalsmith-pagination.

blakeembrey avatar blakeembrey commented on June 16, 2024

@1Copenut If you want a different front-page, there's an option to change where the first page is output to.

Edit: https://github.com/blakeembrey/metalsmith-pagination#javascript (first option, you'll need to do some custom rendering if you want to make it look different though based on the current page number).

from metalsmith-pagination.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.