Recently, I created a droplet for hosting my ghost blog on digital ocean. Unfortunately, after changing the favicon, my default favicon is’t showed up. As you can see https://blog.arielmiki.xyz/favicon.ico is the default ghost icon. And my favicon is showed up here https://blog.arielmiki.xyz/favicon.ico/. It’s showed up when I used the /. And the most strange thing, it is showed up in my other page. https://www.arielmiki.xyz/favicon.ico, even though my root folder do not contain any favicon.ico files.
These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.
I find the solution. I purge my cloudfare cache and it’s work.
This comment has been deleted
Hm - I also see the default ghost icon at both https://blog.arielmiki.xyz/favicon.ico and
https://blog.arielmiki.xyz/favicon.ico/ - are you sure you successfully uploaded a custom favicon in Ghost following these instructions:
- Login to Ghost admin panel
- Click General
- Under Publication Icon upload your favicon.ico
- Click Save
Two other things to consider:
- Sometimes image file uploading will fail in GHOST because it doesn’t have proper write permissions on your server, test that uploading other files (like photos in posts) works to eliminate this as a possibility.
- Browsers cache favicons, HEAVILY. So even after you change your favicon and even after you see the correct image at https://blog.arielmiki.xyz/favicon.ico, you may continue to see the old favicon in the browser tab, sometimes you just to close and restart the browser, or try another browser to confirm the new image is working correctly.
Sorry, I got some typos on the link. Missing
:on the link.