Showing all articles in a single page

Developer help Routing
1

Hi,

How to show all blog posts in a page? I mean a single page which will display all articles/blog posts available in the ghost blog.

What’ll be the code for doing that?

Ghost Version: 3.40.5
Debian 10.7 Stable

2

This is possible by creating an additional template file in your theme and pointing the routes.yaml file to it.

So, let’s suppose you create the following file in your theme: all-posts.hbs

Containing something similar to this:

{{!< default}}

{{#get "posts" limit="all"}}
    {{#foreach posts}}
        
<article class="{{post_class}}">
  <header class="post-header">
    <h1 class="post-title">{{title}}</h1>
    <section class="post-meta">
      <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">
        {{date format="DD MMMM YYYY"}}
      </time>
      {{tags prefix=" on "}}
    </section>
  </header>
  <section class="post-content">
    {{content}}
  </section>
</article>

    {{/foreach}}
{{/get}}

Now in your routes.yaml set the URL:

## routes.yaml

routes:
  /all-posts/: all-posts
3

It’s not working. I am using a custom theme, not default one called ‘Casper’.
I have created “all-posts.hbs” under that theme with your given contents and also edited ‘routes.yaml’ file. After that I restart the ghost process:

ghost restart

when I go to localhost:2368/all-posts/
it’s saying 404 Error, page not found.

Here’s my theme tree and the contents of “all-posts.hbs”

Capture
Capture1091×606 37.3 KB

4

That is strange, I tested it here on a local install too and it works.

Are you sure you uploaded the routes.yaml correctly under Settings > Labs > Routes?

Can you share a screenshot of your routes.yaml? Just to check nothing funky is going on in there

5

Yes, I have edited my current routes.yaml with required line and it saved under /content/settings/ folder.

Here’s the contents of that file:

routes:

collections:

  /:

    permalink: /{slug}/

    template: index

taxonomies:

  tag: /tag/{slug}/

  author: /author/{slug}/

/all-posts: all-posts

Anything wrong here?

6

One more thing plz. I have tested this page by using custom page template and creating a new page with that template.
Text and headline alignment are not perfectly matching with the screen. Too much aligned to left of the screen. Check screenshot:

Capture
Capture1920×1030 44.3 KB

How to align those on center?

7

Yup, you did not follow the YAML syntax requirements. This should do the trick, edit the file, upload it and restart Ghost:

routes:
   /all-posts/: all-posts

collections:
  /:
    permalink: /{slug}/
    template: index

taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/
8

That’s a whole new question.

Text alignment is configured via HTML or CSS. There are so many ways to achieve it:

9

It solved the issue, many thanks.