此文所显示方式是@fooleap提供,感谢,所用原理见[^原文],老何是代码盲,不懂,有兴趣的同学可以去看看。

好久之前做过,后来更换主题丢失,再次请教@fooleap,赶紧把方法记录下来,用以备忘。

前提条件,需要使用七牛作为图床,文件类型为jpg,试了一下在IE里是无法显示的。

步骤很简单:

一、下载js文件(文件在哪里?找不到?别试了,哈哈),放置在主题js目录下,在头部引用。

     <script src="<?php $this->options->themeUrl(); ?>js/jquery.qnexif.js"></script>

二、在post.js文件插入以下代码:

 $('.post img[src$=jpg]').qnexif();

完成,是不是非常简单?

如果你的主题文件没有post.js,我也不知道放在哪里了,别问我,问@fooleap,^_^

例图,把鼠标放在图片上,有没有高大上的感觉?

更新:
经过老何的不断摸索,主题必须要先引入Jquery.js,然后可以在post.php文件加入

     <script>  
    $('.post img[src$=jpg]').qnexif();
    </script>  

注意代码,文章内容块需要时class=post,如果是其他的请加入。

typecho显示exif信息

参考资料:

[^原文]: 利用七牛 API 显示照片的 Exif

文章目录