Blog Page

When using the landing page routes configuration, your blog posts are available at /blog/ instead of the root URL.

Accessing the Blog

When you enable the Landing Page feature using routes-landing.yaml, the URL structure changes:

Customizing the Blog Page

To customize the blog page title, description, and featured image, you need to:

1. Create a page in Ghost with the slug blog
2. Uncomment the data property in your routes file

Step 1: Create the Blog Page

1. Log in to Ghost admin
2. Go to Pages, click New page
3. Set the Page title (e.g., “Blog” or “Latest Posts”)
4. Optionally add an Excerpt for the page description
5. Optionally add a Featured image
6. Open the Page settings sidebar
7. Specify the Page URL to blog
8. Click Publish

Step 2: Enable Data Property

Edit your routes-landing.yaml to uncomment the data property:

collections:
  /blog/:
    permalink: /{slug}/
    template: blog
    data: page.blog # Uncomment this line

Upload the updated routes file to Ghost.

Adding Blog to Navigation

Don’t forget to add a link to your blog in the navigation:

1. Go to Settings → Navigation
2. Add a new item with label “Blog” and URL “/blog/”