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.
In this tutorial, I will demonstrate how to remove this warning and load all the content over
NOTE: This tutorial is demonstrated for
ghost v2. If your blog is v1 it may differ, but I highly doubt that. The majority of ghost blog versions adhere to 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 the below commands.
- By default, your site is set as
HTTP. You can change that to
HTTPSby executing the below command.
Navigate to the correct hosting path.
Set site to HTTPS
ghost config set url https://example.com
- Once you have set your site URL to
HTTPS, you can restart your ghost blog by executing the below command.
Thank you for following this tutorial. If you have feedback or any issues, feel free to share it below in the comments.