hexo博客中fancybox和图片链接冲突

在 hexo 中 fancybox 使用起来还是很方便的,图片点击放大功能也很好用,但是由于我的博客中使用了图片链接,如果点击图片跳转链接的话会提示The requested content cannot be loaded.Please try again later错误,这就挺讨厌了,Google了半天,最终找到了一个解决办法。在这里感谢原作者

添加如下代码:

wrapImageWithFancyBox: function () {
    $('.content img')
      .not('[hidden]')
      .not('.group-picture img, .post-gallery img')
      .each(function () {
        var $image = $(this);
+ if ($(this).hasClass('nofancybox')) return;
        var imageTitle = $image.attr('title');
        var $imageWrapLink = $image.parent('a');

然后在使用的时候,给不需要 fancybox 的<img>标签中添加class属性class="nofancybox",如果 class 属性中已经有其它内容,也可以以空格并列,比如class="bestzuo nofancybox"

然后就可以完成了!

推荐阅读更多精彩内容