Are you receiving an error in your browser console and a pop-up in chrome browser that content is loaded over http and it needs to be https? If yes, then you came to the right place.

Mixed Content: The page at 'https://example.com/ghost/#/site' was loaded over HTTPS, but requested an insecure resource 'http://example.com/'. This request has been blocked; the content must be served over HTTPS.

ghost-blog-content-security-warning

In this tutorial, I will demonstrate how to remove this warning and load all the content over https.

NOTE: This tutorial is demonstrated for ghost v2. If your blog is v1 it may deffer, but I highly dough that. Most ghost blog versions follow similar standards. If you are having problems. Please leave a comment below.

Assuming you have installed your ghost blog correctly and have your site hosted at /var/www/ghost. If your web hosting path is different. Navigate to that folder path and execute below commands.

  1. By default your site is set as HTTP. You can change that to HTTPS by executing below command.

Navigate to correct hosting path.

cd /var/www/ghost

Set site to HTTPS

ghost config set url https://example.com
  1. Once you have set your site url to HTTPS, you can restart your ghost blog by executing below command.
ghost restart

Thank you for following this tutorial. If you have a feedback or any issues, feel free to share it below in the comments.