实现网站图片水印

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

未经允许禁止转载~
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇