Images appearing in preview but not in published article

Hi, I’ve been having an issue at my blog – http://rtalbert.org – for some time now where, when I upload images into a post, they appear in the preview and in some browsers but will appear as broken-image icons or not appear at all in others, particularly Chrome. I am running Ghost v3.36, hosted on Digital Ocean. This has been going on since before the last time I updated on October 15.

This just happened in my latest post: https://rtalbert.org/retrieval-practice-better-to-space-it-out-or-keep-it-together/ Here’s one place where it happens:

And here’s the preview of the post at the same point in the article:

The preview of the post shows the image, and I can see the image if I open up the post on Microsoft Edge, but on Chrome (both regular and incognito windows) I get the broken-image icon you see above.

Ghost was installed using the one-click install process at Digital Ocean but I do all the updates by hand from the CLI. I can try to look up other info if it helps, but I am not a whiz at all the back-end stuff.

The image URL is using http. Changing it to https will solve the issue. Probably there is something you can do to force the image to always use https.

This is happening to me too trying to use the Gallery card. I don’t see how to change it to use https?

Also, double-check and make sure the URL config is using https.

1 Like

Looking at the source for my page with the gallery it is indeed using http, how do I tell the gallery to use https? This is new behavior, I’ve had this site running for at least a year now and haven’t had trouble until I tried this post.

Edit: updating config.production.json to use https worked for me, thank you @ahmadajmi

1 Like