Lopwon Exif 使用文档

2022年08月27日

demo-lopwon-exif.jpg

版本型号：Lopwon Exif
适用程序：Typecho
皮肤类型：插件
插件作者：Lopwon
作者博客：Lopwon.com
发布页面：Lopwon.com/lopwon-exif.html
许可方式：MIT
官方演示：Lopwon Exif

插件说明

Lopwon Exif 是 Lopwon 制作的第一款 Typecho 插件，作用是：让你的 Typecho 博客图片显示 Exif 信息。如果图片的 Exif 数据已经被清除，则不显示。图片的 Exif 数据需要在图片加载完成后方能读取信息，所以，页面打开时不会即刻显示 Exif 数据，稍等半秒。

插件更新

2023年08月01日 发布 Lopwon Exif v1.1 优化功能实现方式，使用原生 JavaScript 不依赖 jQuery

2022年08月30日 发布 Lopwon Exif
使用方法

A 部署插件

1. 将压缩包里的文件夹 LopwonExif 及其内部的所有文件，上传至目录 usr/plugins 中。

2. 后台》控制台》插件，找到 Lopwon Exif 并启用。

B 配置插件

后台》控制台》插件，找到 Lopwon Exif 并设置，依喜好设置即可。其中，根据自己的主题，填入包裹图片 img 的外层类名。

C 使用技巧

1. 如何增加显示更多的 Exif 数据，比如地理位置？文件 Exif.js 中包含近百项的图片 Exif 信息（tags），可以根据需求找到该 tags 后在文件 Plugin.php 中编辑，请自行研究。

2. 如何自定义 Exif 数据样式？以下是结构和样式：

Html


    <div class="className">
        <img src="picUrl" />
    </div>
    
    <div class="lopwon-exif">
        <span>Exif A</span>
        <span>Exif B</span>
        <span>Exif C</span>
        <span>Exif D</span>
    </div>


CSS


    /* 外层元素 */
    .lopwon-exif { CSS }

    /* 数据元素 */
    .lopwon-exif span { CSS }

    /* 首个数据元素 */
    .lopwon-exif span:first-child { CSS }

    /* 尾个数据元素 */
    .lopwon-exif span:last-child { CSS }
参考来源

Exif.js 前端开发仓库 曲平网

This is a message

store