Question

Ghost Digital Ocean wrong favicon for subdomain

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.

Subscribe
Share

Sorry, I got some typos on the link. Missing : on the link.


Submit an answer
You can type!ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

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.

Accepted Answer

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:

  1. Login to Ghost admin panel
  2. Click General
  3. Under Publication Icon upload your favicon.ico
  4. Click Save

Two other things to consider:

  1. 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.
  2. 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.