As I just started blogging on the hexo platform I quickly stumbled upon a behavior that was not what I expected.
I wanted to insert an image that links to a different site, but because of the fancybox implementation whenever you clicked the image, it would open the image rather than opening the link as I wanted.
For example, I want to show my StackOverflow flair image and point the link at the profile page:
This will render like this:
Obviously not what you’d expect. All right, maybe what you’d expect, but certainly not what we want.
[![Alex Drenea's Stack Exchange profile]( )]( )
This is close to what we want, but not exactly there. If you click on the image, it just open the fancybox for that image, but I want clicking the image to take me to the destination website instead. I don’t like the caption under the image in this case even though it points to the right link. But I want the image to go to the link. I also don’t like the center alignment.