We have a blog on our Shopify store which we are pulling into our marketing site via RSS. It will display the articles' titles, date, and full content. We're using a Bootstrap 3.x template and are trying to find a way to show the information to our users. The site is mobile-first (focused on iPhone 5, as most of our customers are on that) but doesn't ignore desktop users.
Currently, we have very few articles, but eventually the blog will have hundreds of posts. The RSS will be fetched via C# server-side code and displayed in a Bootstrap tab on the page that will be full width. The articles will contain text, photos, and videos (hosted on YouTube).
Here's one way to show snippets of articles to users (http://webapplayers.com/inspinia_admin-v2.0/blog.html):
Another way is to add pagination to the bottom of a predefined number of posts, displayed in sequence in either their entirety or as snippets (http://thenextweb.com/apps/2013/08/16/best-blogging-services/):
If thumbnails are used, the user gets a general idea of each article's content, and knows from the UI that there's more to see by clicking to expand. When clicked, the thumbnail can expand/pop up (though not sure what's best for this).
Pagination will be used regardless, as there will eventually be hundreds of posts. What's a clean and intuitive design for these blog posts?