实现网站图片水印

要实现网站图片水印,有几种方式:
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/539512.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

前端重置表单的多个Demo

目录 前言1. 纯重置2. reset重置3. resetFields重置4. 彩蛋 前言 由于从Java转全栈,对于前端的相关知识目前 以点科普面,此处的总结 重置前端表单内容,防止影响后续操作 其基本知识只需要通过点击按钮触发重置表单 1. 纯重置 可以通过按钮…

跟TED演讲学英文:The exciting, perilous journey toward AGI by Ilya Sutskever

The exciting, perilous journey toward AGI Link: https://www.ted.com/talks/ilya_sutskever_the_exciting_perilous_journey_toward_agi? Speaker: Ilya Sutskever Date: October 2023 文章目录 The exciting, perilous journey toward AGIIntroductionVocabularyTranscr…

修改cmd默认编码(win10系统) 亲测有效

win10系统,CMD默认字符编码序号是936,输入"chcp"命令可以看到此编号,右键cmd窗口–属性,同样也可以看到此编号.如下图: 我需要把字符编码序号936变更为65001,即UTF-8编码. 网上搜到的教程主要有两种: 教程一修改注册表的方法:https://learnku.com/articles/55553 测…

Ubuntu (Linux系统) 下载安装 Qt 环境

在官网http://download.qt.io/archive/qt/ 下载安装包,默认linux平台下提供的安装包以run后缀结尾 也可以选择其它地址下载 Qt官网下载地址:https://download.qt.io; 国内镜像下载地址:https://mirrors.cloud.tencent.com/qt/ 。建…

Alterac Valley

Alterac Valley 奥特兰克山谷 不要怕死,冲就对了,为了部落!!!55级的我未来就是这个服务器的督军,跟我冲啊

实战解析:SpringBoot AOP与Redis结合实现延时双删功能

目录 一、业务场景 1、此时存在的问题 2、解决方案 3、为何要延时500毫秒? 4、为何要两次删除缓存? 二、代码实践 1、引入Redis和SpringBoot AOP依赖 2、编写自定义aop注解和切面 3、application.yml 4、user.sql脚本 5、UserController 6、U…

test4131

欢迎关注博主 Mindtechnist 或加入【Linux C/C/Python社区】一起学习和分享Linux、C、C、Python、Matlab,机器人运动控制、多机器人协作,智能优化算法,滤波估计、多传感器信息融合,机器学习,人工智能等相关领域的知识和…

316_C++_xml文件解析成map,可以放到表格上 + xml、xlsx文件互相解析

xml文件例如&#xff1a; <?xml version"1.0" encoding"UTF-8" standalone"yes"?> <TrTable> <tr id"0" label"TR_PB_CH" text"CH%2"/> <tr id"4" label"TR_PB_CHN"…

antDesignVue 使用-持续更新

背景 vue3viteantdesignvuevue-router 1,全局完整注册 1.1下载antdesignvue npm i --save ant-design-vue 或者 npm install ant-design-vuenext --save 1.2在mian.ts中引入 import { createApp } from vue import { createPinia } from piniaimport App from ./App.vue …

【Canvas与艺术】旋转弯曲色带效果(类似曲叶电风扇)

【关键点】 用复数计算得到贝塞尔二次曲线的控制点 【效果图】 【核心代码】 // 偏转角 const bias(Math.PI/9); var xbMath.cos(bias); var ybMath.sin(bias);// 画曲线电风扇 for(var i0;i<12;i){var starti*Math.PI/6this.theta;var x1250*Math.cos(start);var y1250*M…

什么是态势感知?

什么是态势感知&#xff1f; 同学&#xff0c;听说过态势感知吗&#xff1f;啥&#xff1f;不知道&#xff1f;不知道很正常&#xff0c;因为态势感知是一个比较小众、比较神秘的概念。为什么态势感知很神秘&#xff0c;首先是因为这是来自军事情报领域的概念&#xff0c;然后…

Power BI报告在PPT中实时刷新的实现技巧分享

前面我们刚介绍了如何在PPT中展示Power BI报告&#xff1f; 很巧的是&#xff0c;在刚刚的Power BI 2024年4月更新的诸多新特性中&#xff0c;PPT中使用的Power BI插件又有新特性的更新&#xff0c;数据自动刷新功能(新特性仅限国际版使用)&#xff0c;这个新特性支持最低15秒…

【无标题】前缀和和差分

前缀和 一维前缀和 #include <vector> ​ class Code01_PrefixSumArray { public:class NumArray {public:std::vector<int> sum; ​NumArray(std::vector<int>& nums) {sum.resize(nums.size() 1);for (int i 1; i < nums.size(); i) {sum[i] su…

jenkins+git+maven+nodejs安装(linux系统)

前文已经安装完成sonarqube和Sonar Scanner了&#xff0c;接下来可以开始jenkins了 jenkins安装 命令&#xff08;版本为 2.440&#xff09; wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo wget https://pkg.jenkins.io/redh…

BM25和语言模型的改进研究

原文链接&#xff1a; BM25和语言模型的改进研究 摘要&#xff1a; 近期关于搜索引擎排名函数的研究报告指出&#xff0c;BM25和带Dirichlet平滑的语言模型有所改进。本研究通过在INEX 2009维基百科语料库上训练&#xff0c;然后在INEX 2010和9个TREC语料库上测试&#xff0…

【设计模式】六大设计原则

设计原则 研究 23 种设计模式是困难的&#xff0c;甚至是没必要的六大设计原则零、单一职责原则开闭原则里氏代换原则依赖倒置原则接口隔离原则迪米特法则合成复用原则 研究 23 种设计模式是困难的&#xff0c;甚至是没必要的 设计模式有23种&#xff0c;我认为对普通人来说想…

【YOLOv9改进[损失函数]】使用MPDIou回归损失函数帮助YOLOv9模型更优秀

本文中&#xff0c;第一部分概述了各种回归损失函数&#xff0c;当然也包括了今天的主角MPDIou。第二部分内容为在YOLOv9中使用MPDIou回归损失函数的方法。 1 回归损失函数&#xff08;Bounding Box Regression Loss&#xff09; 边界框回归损失计算的方法包括GIoU、DIoU、CI…

Rockchip Android13 Vold(一):Native层

一:概述 Vold全称Volume Daemon是用于管理存储类设备的守护进程,负责接收驱动层设备挂载和卸载消息以及与Framework层之间的通信。Vold作为一个守护进程位于Android的Native Daemons层。 二:Vold框架图 三:Vold Sevice Android13的init.rc位于/system/etc/init/hw/其中使…

C++ 二重指针

一 指向指针的指针 如果在一个指针变量中存放的是另一个变量的指针的地址&#xff0c;称该指针为指向指针的指针&#xff0c;即二重指针。

鸿蒙OS开发实例:【Native C++】

介绍 本篇Codelab主要介绍如何使用DevEco Studio创建一个Native C应用。应用采用Native C模板&#xff0c;实现使用NAPI调用C标准库的功能。使用C标准库hypot接口计算两个给定数平方和的平方根。在输入框中输入两个数字&#xff0c;点击计算结果按钮显示计算后的数值。 相关概…