要实现网站图片水印,有几种方式:
1、对于自己想要上传图片先通过某些软件增加水印,然后再上传到图片服务器。
2、通过上传客户端(eg:picgo)功能或插件直接自动水印以及上传服务器。
本文主要聚焦于第二种方式,使用的上传工具也是picgo。
watermark插件
watermark可以实现水印的添加。
watermark插件安装
一般来说可以直接通过picgo的插件安装就可以直接安装,如图
但是其实大概率安装不成功,因为这边插件安装依赖于node.js,所以建议还是先后台试验安装,安装成功后再在前台安装。
首先你要去node.js官网下载node.js
我下载的v12,其实下载那个都行,因为版本后面还要调整,我开始是下载的v8,后面升级到了v12。
然后你需要使用cmd,cd到picgo安装目录,然后使用node -v查看nodejs版本。
设置淘宝源,并安装watermark。
这边需要根据提示来调整nodejs版本,直至安装成功。安装成功后,卸载再到picgo界面上去安装,大概率安装没有问题。picgo界面需要搜索再安装。
watermark设置
可以使用文字也可以使用图片,我的设置如下~
watermark解决上传名字是日期生成问题
使用watermark上传图片以后,名字是按日期生成的,类似这样20200621205720。我希望我的图片名字不改变,因为我的图片名字是图片分类的依据。可以修改js来实现。打开picgo安装目录下的路径XXX\PicGo\node_modules\picgo-plugin-watermark\lib
修改下input.js下图的内容。
如果你修改以后不生效,可以试一下临时目录C:\Users\XXX\AppData\Roaming\picgo\node_modules\picgo-plugin-watermark\lib。这样上传的文件名就和初始名字一致。