实现网站图片水印

要实现网站图片水印，有几种方式：
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。这样上传的文件名就和初始名字一致。