Help needed: Apache & SSL error

Developer help Self-hosting
1

I installed ghost on my personal hosting, everything else works fine till now, except the preview in settings, no preview is loading for anything and at this point I am quite confused. I tried almost everything. Here is my website - https://blog.devtalan.com/ , I thing I have some problem in my configurations. Please let me know if you guys know how to fix this.

{
  "url": "https://blog.devtalan.com/",
  "server": {
    "port": 2370,
    "host": "127.0.0.1"
  },
  "database": {
    "client": "mysql",
    "connection": {
      "host": "localhost",
      "user": DATABASE_USER,
      "password": DATABASE_PASSWORD,
      "database": DATABASE_NAME
    }
  },
  "mail": {
    "transport": "Direct"
  },
  "logging": {
    "transports": [
      "file",
      "stdout"
    ]
  },
  "process": "local",
  "paths": {
    "contentPath": "/home/devtalan/Ghost/content"
  }
}
2

What installation method you’ve used? did you follow the official docs about installing Ghost on self-host?

3

its self-host actually, one more thing to mention its shared hosting and its apache server.

4

If you open your browser’s dev tools (f12) and go to the console log, any errors?

5

Good Catch, I literally forgot about checking console.
This showed up in console, got any idea about this ?

image
image1920×1080 238 KB

6

That looks like your Apache making trouble, not Ghost…,

7

I tried looking into it, I found that this is caused chiefly by SSL, also when I was installing Ghost it skipped that SSL step because nginx was not present.

Also, I have seen many people use ghost with Apache server before, I am confused about how they achieved it. Well, are you sure about my configuration, or do I need to change the host and port under the server, I am quite unsure what to put in there so I left is as it was.

Or I guess I will have to make some changes myself in the configuration to achieve this, If you have some Ideas let me know.