Comments (6)
@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.
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.
@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.
templates/partials/blogNavigation.hbt
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.
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.
@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)
- Automatically generate index.html pages when not specified in path property HOT 10
- add page metadata to pagination.files
- Switching to metalsmith-layouts HOT 1
- Plugin creates index.html files, but there is no content in them HOT 3
- path option arguments don't work correctly HOT 5
- Not overwriting files HOT 1
- I can't get your plugin to work HOT 19
- metalsmith-templates is deprecated. HOT 2
- Plugin throws TypeError if collection doesn't exist HOT 4
- Contentful Integration HOT 7
- Contents writing fully templated data? HOT 2
- How to use pagination with full article contents and not snippets? HOT 5
- Path fields is not populated correctly with [email protected] HOT 5
- If pageContents is a string, you get undefined behavior. HOT 2
- Automatically generate pagination from collections? HOT 1
- pagination object not being read from pug template HOT 1
- how use the pagination with handlebars template HOT 10
- Does not allow omission of template and layout options
- Generate pagination from empty collection HOT 2
- how to add next and previous button along with some page number in pagination using javaScript. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from metalsmith-pagination.