I believe that many of you are asking the question: How to fix the home page of Ghost CMS as desired? and are struggling to find many different sources of documentation. Here, follow your steps below, it will answer you in the most clear and obvious way.

Follow me:

Step 1: Download the theme you are using to your local machine

• Login to the Ghost Administration Dashboard.
• Switch to the Settings page by clicking the Setting Icon in the lower left corner of the dashboard screen.
• Next, select Design session.

Step 2: Extract the theme you downloaded and open it

Step 3: Create home.hbs file

Step 4: Add content to the file home.hbs

{{!< default}}
{{!-- The tag above means: insert everything in this file
into the {body} of the default.hbs template --}}

{{!-- Main --}}
<main id="main">
    {{#page}}
        {{content}}
    {{/page}}
</main>

Step 5: zip your theme

yarn zip

Step 6: Update route.yaml file

• On Administration Dashboard, go to settings then select Lab session
• Download file

• Edit the content file and re-upload Ghost

routes:
  /:
    data: page.home
    template: home

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

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

Step 7: Create a homepage on Ghost

• The file URL should be /home

Step 8: Upload your theme to Ghost

After your theme has been successfully uploaded, you can experience your blog with a custom-designed home page.

Thank you for following!!!