开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

网站上的文字水印怎么做？

网站上的文字水印可以通过使用HTML、CSS和JavaScript等前端技术实现。以下是一个简单的示例，展示了如何在网站上添加文字水印：

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>文字水印示例</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="watermark">示例水印</div>
    <div class="content">
        这里是网站的正常内容。
    </div>
   <script src="scripts.js"></script>
</body>
</html>

CSS代码（styles.css）：

body {
    position: relative;
    font-family: Arial, sans-serif;
}

.watermark {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    font-size: 36px;
    color: rgba(0, 0, 0, 0.1);
    transform: rotate(-45deg);
    user-select: none;
}

.content {
    font-size: 18px;
    line-height: 1.5;
    padding: 20px;
}

JavaScript代码（scripts.js，可选）：

// 如果需要使用JavaScript动态设置水印文本，可以使用以下代码：
document.querySelector('.watermark').innerText = '动态水印文本';

这个示例中，我们使用CSS的position属性将水印置于网页正常内容的顶部，并使用transform属性旋转水印文本。通过设置user-select: none;，可以防止用户选择水印文本。

请注意，这个示例仅用于演示目的，实际应用中可能需要根据具体需求进行调整。例如，可以通过JavaScript动态生成水印文本，或者使用更复杂的水印效果。

相关搜索:Google Tag Manager中的自动事件跟踪单击事件/Listerner未在Magento 2网站上触发 js 文字出现效果怎么做的 Magento 2网站上的异常错误图片文字识别软件是怎么做的在我的网站上把文字放低一点如何根据url的结果更改angular 7网站上的css元素？如何越过水印提取pdf的文字怎么提取网站上图片的文字我能否使用S3托管图像，并在我的EC2网站上使用它们？我需要消除“添加菜单”在我的网站上的文字

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

META标签优化SEO

meta标签，位于HTML文档的< head >与< title >之间，它提供的信息虽然用户不可见，但却是文档最基本的元信息。meta标签除了提供文档字符集、使用语言、作者等基本信息外，还涉及关键词和网页等级的设定。 meta标签的内容设计对搜索引擎优化（seo）来说是很重要的一个元素，合理运用Description和Keywords属性，可以优化网站。

03

B站粉丝超130万，最火最直观数学网站3b1b终于有了文字版！网友：点燃对数学的爱

如果你无法理解高等数学、比特币、深度学习这些概念，可能有人会向你推荐 3blue1brown 的视频——这是一个专门制作可视化讲解视频的频道，其内容覆盖数学、人工智能等领域，每门课都配有直观生动的动画演示，帮助观众加深对概念定理的理解。

07

在线教育平台加密技术详解

知识付费已经成为网络主流。网校蓬勃发展，会玩互联网的讲师们获利丰厚，但我们也不难发现，随便搜索一下，都会有“新东方课程破解”、“泸江网校课程破解”、“中公网校课程破解”、“233网校课程破解”及“金程网校课程破解”等知名网校的相关信息，如某些有名的课程，直接搜索也会有若干条相关信息。

00

LOGO效果图样机在线生成｜4个宝藏神器

为什么别人的logo看上去总是很高级呢？你会发现他们展示的Logo都套用了精致的Logo效果图。通常这类Logo效果图都需要在ps中操作完成，但不会ps怎么办呢？

04

探索前端内容保护

在部分网站CV别人代码或是一段文字时，经常遇到无法选中，或许选中之后，复制时弹出提示让登录/关注。常常让我们感到无奈，那么这是怎么做到的呢？

03

百度搜索结果带图片如何实现

1、图片所在网页主题与网站经营方向、主题一致。百度图片搜索认为，与网站主题一致的网页会受到站长的更多重视，其页面上的图片更可信。 2、图片周边有可信的、精准的、针对图片的相关描述，包括上下文描述、图片说明、alt属性、图片title，以及图片anchor。 3、图片所在网页没有权限。这点与百度网页搜索的要求是一致的，同样认为需要用户登录才可浏览的网页用户体验非常不好，蜘蛛也无法完成填写用户名和密码的工作。 4、图片链接不要写在JS里，不要使用异步加载等方式进行展现，现阶段百度对JS的解析成功率还有待提升。

03

一键下载无水印小视频，不用其他APP，腻害了

橙c发现这两年的小视频特别火爆，比如抖音、快手、火山、秒拍、小咖秀、美拍都是大家经常喜欢看的平台。有的时候看到一些好看或者好玩的小视频就想把它下载下来另作它用。但是当你下载后却发现上面被加了水印，看起来非常不美观。

07

10 行 Python 代码，批量压缩图片 500 张，简直太强大了

这几天，我在用 Github page + hexo 搭建个人网站，为了延续风格，就想把配图与文章一起迁移过去。这时候就出现了一个难题：我所用的图片都是高清大图，放到网站上会严重拖慢加载速度。因此，需要先把图片压缩，再上传。

03

[SEO知识讲解] 如何打造搜引擎和用户喜爱的高质量内容？

| 我们网站上内容的好坏，直接影响着百度的收录、索引，最终影响我们网站在百度搜索的排名。第一、什么的文章才是高质量的呢？高质量内容是指那些能让百度更好的收录和索引，给用户更好的帮助，能解决用户问题的内容。 1、内容要与主题相符合、要有相关性、可读性高、完整性高； 2、内容要有有图有文字，做到图文并茂，不要是一片空白页面，也不要有广告影响用户的阅读； 3、内容页面不要设置阅读权限、不要胡乱的下载链接、也不要设置用户登陆才能看到内容； 4、从搜索引擎来说， a、百度不能识别代码，不能识别图片中的文字，这时我们可以给图片设置alt属性、视频展示，在下面做文字说明； b、内容要与主题匹配； c、要做搜索引擎能够抓取的内容； d、与数据库原有对比，我们的内容要比原有的在相似度上低于80%，这样才会被百度收录、索引；总结：网站内容是由一个一个的文章页面构成的，这些文章一方面是给用户看的，另一方面是给搜索引擎看的。所以，内容质量的好坏，最核心的一点就是能否解决用户的实际问题和需求。做到人无我有，人有我优。第二、怎么做高质量的文章呢？ 1、以后每天都要看一篇文章，同时坚持每天自己撰写一篇文章； 2、考虑用户的搜索习惯：如：“什么是SEO？” “SEO是什么？” 3、文章中：图片占三分之一，要配有文字说明；一篇文章解决一个问题，一篇文章一个核心点； 4、文章段落清晰、对标题的延伸、适当增加能够解决用户问题的图片、视频、文字等； 5、要考虑有没有用户去阅读，用户能不能读懂，明白自己想要表达的中心内容；最终目的：让百度能更好的收录和索引页面，给用户更好的帮助，能够解决用户问题的内容，就是高质量内容。 |

01

在后台框架同质化的今天，我是如何思考并做出差异化的

首先先安利一波，由我开发并维护的后台框架 Fantastic-admin 正式发布 Vue3 版本了，虽迟但到，欢迎大家访问链接体验。

01

10 行 Python 代码，批量压缩图片 500 张，简直太强大了

原文地址：https://mp.weixin.qq.com/s/5hpFDgjCpfb0O1Jg-ycACw

03

自媒体创业必备的6个在线神器｜免费效率工具

身边的朋友们现在都在搞点兼职副业，在抖音、小红书以及微博等建立自媒体账号，运营个人品牌线上创业，给自己拓宽收入来源增加一点抗风险的能力。工欲善其事必先利其器，如果你也有这个打算，今天这篇文章整理了6款宝藏创业工具神器，都是正在自媒体创业的朋友工作中经常会用到的免费工具，操作简单，省时省力，能够帮很大的忙少走弯路，一起看看吧。

05

创意视觉应用︱基于深度学习的CVaaS计算机视觉即服务案例

CVaaS 就是 Computer Vision as a Service, 我们把 CV 的部分标准化成为了一种服务，而每一个行业可以在这里找到自己行业需要的和图像处理、视频处理、计算机视觉相关的算法服务，然后他们可以整合这些算法服务成为他们需要的应用。

02

创意视觉应用︱基于深度学习的CVaaS计算机视觉即服务案例（Computer Vision as a Service）

CVaaS 就是 Computer Vision as a Service, 我们把 CV 的部分标准化成为了一种服务，而每一个行业可以在这里找到自己行业需要的和图像处理、视频处理、计算机视觉相关的算法服务，然后他们可以整合这些算法服务成为他们需要的应用。

02

手把手图床程序搭建教学

免费图床千千万，但是指不定啥时候就挂了，所以我打算出一个图床教程，手把手教学，图床不仅可以进行本地存储，还可以挂载COS和OSS等多种存储方式。

04

学会添加水印，只要这一篇就足够

打算写这样一篇文章很久了，算是对过往的一种总结，也希望能获得更多的反馈继续迭代。在这个人类的主要信息载体已经变为视频的年代，水印的添加也成为了一个许多人不可或缺的技能，对于技术人来讲，那就更不用提。本文详细的介绍了通过FFmpeg为视频添加各种各样的水印的方法，包括文字，时间，图片，多个图片，透明，动图等，实在有些干燥，实在太有用了，真心希望能帮到大家。如果你也觉得有用，就给个反馈，点赞，再看，收藏，转发，关注，打赏，都可以（不要再说下一次一定了），本号作者已饥不择食。

01

前端如何防止数据泄露

最近突然发现了一个好玩的事情，部分网站进去的时候几乎都是死的，那种死是区别于我们常见的网站的死：

03

艺术鬼才！Unicode 字符还能这么玩？

上周的时候，朋友圈的直升飞机不知道为什么就火了，很多朋友开着各种花式飞机带着起飞。

01

使用numpy和opencv实现文档图像的去水印功能

在做文档图像的OCR时，经常会遇到水印的问题，会导致文字检测与识别很容易出错，因此，去水印的功能非常有必要。我们在实现去水印的过程中，经历了几个版本，今天做一个回顾：

02

Hexo 文章图片添加水印，不用云处理

由于网上找到的都是借用第三方云处理添加水印，但是我不太想用，所以自己开发了一个插件

01

网站制作建设怎么做网站制作建设需要多少钱

现在的网络是非常发达的，上网已经成为了生活的一部分，很多的企业都会将自己的品牌放在网站上，因为网站的流量是非常大的，这对于网络用户来说，使用网站是非常方便的。网站如此重要，那网站制作建设怎么做呢？

05

什么是"零宽空格"？

同事问了个问题，从邮件正文中粘出来的URL，复制到任何的浏览器中，回车都会报404的错，和原始的URL对比，发现URL结尾多了一串特殊的字符，

03

采集软件-免费采集软件下载

怎么用免费采集软件让网站快速收录以及关键词排名，网站优化效果主要取决于各个页面权重高低，各个页面权重汇集在一起，网站优化效果才会更加明显，那么各个页面具体权重取决于哪些因素呢？接下来为大家分享一下自己的经验。

04

秒级接入、效果满分的文档预览方案——COS文档预览

一、导语说起 Microsoft Office 办公三件套，想必大家都不会陌生，社畜日常的工作或者生活中，多多少少遇到过这种情况：本地创建的文档换一台电脑打开，就出现了字体丢失、排版混乱的情况；客户爸爸发来一个文档，想看内容需要下载，下载后发现和自己工作没有一毛钱关系，无奈之下秒送回收站；网站上搜索到一篇干货文章，提示下载后才能查看，结果下载包夹带了未知来源的文件；疫情下移动办公需求激增，而移动端打开文档需要在不同软件之间跳转，体验割裂；某平台文档预览效果这种时候，我们往往需要一个

06

门户网站建设怎么做？需要注意哪些问题？

虽然现在已经不是网站创业的高峰期，但是如今的门户网站却越来越多，离大家的生活越来越近。因为随着网络的快速发展，很多公司现在都会开设自己的门户网站。想要做好一个网站并不容易，因为不仅要注意前期的开发，还要负责后期的运营。很多想要做网站的人都很好奇门户网站建设怎么做？在建设和运营网站时，又需要注意哪些问题呢？

04

再也不能用ChatGPT写作业了！新算法给AI生成文本加水印，置信度高达99.999999999994%

明敏 Alex 发自凹非寺量子位 | 公众号 QbitAI AI生成文本，又遇新对手！凭借识别AI生成文本中的“水印”，一种新算法能够准确判断文本到底是谁写的。无需访问模型参数、API，结果置信度高达99.999999999994%。方法一经发布就引来大量网友围观。这回拿ChatGPT“作弊”，怕不是要更难了？要知道，最近一段时间，ChatGPT先是成为美国高中生的写作业利器，后面帮专业媒体写稿子，引发巨大恐慌。如Nature、纽约教育部等，都针对ChatGPT发布禁令。马里兰大学学者们提出

02

GraphicsMagick 1.3.23 常用命令

常用命令 benchmark: 测量和报告实用程序命令的性能 batch：在交互式或批处理模式中发出多个命令 convert：转换图像或图像序列，模糊，裁剪，驱除污点，抖动，临近，图片上画图片，加入新图片，生成缩略图等 identify：描述一个或较多图像文件的格式和特性 mogrify：变换一个图像或图像序列，模糊，裁剪，抖动等，Mogrify改写最初的图像文件然后写到一个不同的图像文件 composite：将多个图片组合一起 montage：从不同的图像创建一个复合图像（在一个网格中） compare：

02

写博客必备！手把手教大家搭建免费图床，真香！

公众号后台回复 SpringBoot，免费获取 274 页SpringBoot修炼手册。

01

又发现几个宝藏网站

之前分享过markdown编辑器Typora，不过文件超过2MB就打不开了，这个网站上传markdown文件即可在线转pdf https://www.markdowntopdf.com/

03

实战 | OpenCV图片去水印实例

来源丨https://davidsteccieblog.blogspot.com/2017/10/removing-watermarks.html?view=flipcard 翻译整理丨OpenCV与

01

解决zblog图片水印插件导致Cannot use $this as parameter错误的解决办法

其实我一直没有使用这个水印插件，最近有网友反馈自己的站不知道怎么回事被复制了，除了网站名称和QQ是别人的，其他内容跟自己的站一模一样，我看下站点，应该是被镜像了，所以他就说以后得开启图片水印了，这时候我才注意到图片水印的确是个好东西，于是乎我就在zblog应用中心客户端查找插件，有一款是流年发布的，但是开启之后如图，显示错误，无法打开网站。

03

腾讯云数据万象CI助力企业解决图片处理需求！

数据上云已经成为了一个必然趋势。企业将数据上传至“对象存储COS”，确保数据的高可用高可靠，随时随地管理，并使用本文的主人公“数据万象CI”解决了各式各样的图片处理需求。

00

一次让字体看起来更像手写体的尝试

其实我对这个实验的结果并不是特别满意，但我还是想分享一下，因为摆弄字体是件非常简单和有趣的事情。而且有人问我怎么做，我告诉她我会写一篇博文来介绍一下 :smiley:

02

实用工具网站合集值得收藏！[搜嗖工具箱]

ChatGpt横空出世的横空出世好像一把钥匙，开启了大模型时代，国内也有不错的产品，比如百度的文心一言，从3.5到4.0看得见的成长，现在的文心一言是我们工作中不可缺少的好帮手！作为一个生成式对话产品可以帮助用户撰写想要的各种文本，百宝箱功能可以根据不同行业、职业满足使用者需求，更贴心的是附带了详细的使用手册。使用起来非常方便，只需要登录百度账号，百度搜索一下关键词“文心一言”官方网址打开就能用，过期了需要续费！

01

暴利无成本项目：Youtube视频搬运实战篇

在这个自媒体流行的时代，越来越多的人群加入进来，对单个视频自媒体人来说，视频素材的重要性不言而喻，而视频素材的原创也面临着各种各样的困难，缺少视频素材一直都是视频自媒体人迫切需要解决的问题。

01

DEDECMS织梦上传图片加文字水印带阴影效果的方法

1、在电脑中打开C\windows\Font\，找到字体simhei.ttf，上传到到网站/data/mark/下。注意文件名是：simhei.ttf

02

网站申请了如何上传到服务器自己做网站能否靠谱

在很多网站进行申请，通过之后，不少人不知道如何将网站上传到服务器，那么网站申请了如何上传到服务器，这到底应该怎么做呢？同时如果自己想做网站能否做成功呢？

02

给picgo上传的图片加个水印

之前给大家介绍了picgo和免费的图床神器。我们本可以开开心心的进行markdown写作了。

01

js十大邪术之一图片隐写术

权威的wiki说法是“隐写术是一门关于信息隐藏的技巧与科学，所谓信息隐藏指的是不让除预期的接收者之外的任何人知晓信息的传递事件或者信息的内容。”，图片隐写术简而言之就是利用图片来隐藏某些数据，让人一眼看去以为是很普通很正常的图片，但其实里面隐藏着某些“机密”数据。

02

给picgo上传的图片加个水印

之前给大家介绍了picgo和免费的图床神器。我们本可以开开心心的进行markdown写作了。

01

有域名了怎么做网站？网站作用有哪些？

网站技术经过几十年的发展，从电脑端到现在手机端，人们访问网站变得前所未有的简单快捷，这让企业意识到网站的巨大价值，开始打造一个企业专属的门户网站，但是，很多企业把网站等同于域名，以为有了网站就不需要域名，不知道这两者的区别。那么问题来了，有域名了怎么做网站？网站作用有哪些？别走开，下文为您揭晓答案。

02

kfngxl.cn - 开发内功修炼网站上线啦！

和大家分享一个事情，最近我花了两个周末，搞了个开发内功修炼技术网站。站点地址是 https://kfngxl.cn 。请大家收藏，后续我写的新文章也会陆续同步到网站上。

01

行为·设计·转化率——通过设计引导用户行为提升转化率

设计是感性的，还是理性的？都有，在理性的基础上，增加感性的元素。这个设计师们都了解，但理性的设计点具体体现在哪些地方呢？如何通过理性的设计影响用户行为，提升转化率？要了解用户，必须先了解用户行为在做设计的时候，很容易把用户想象成一个完美的用户，具有鹰的视力、大象的记忆力、蝙蝠的导航能力、骆驼的耐心、猴子的灵活度。但实际情况往往如下。事实1: 2013年平均注意力是8秒，较2000年注意力时长减少了4秒；金鱼的平均注意力是9秒。人的平均注意力还不如一条鱼来得持久。。。事实2:17%的用

07

Java工程师学习指南初级篇

最近有很多小伙伴来问我，Java小白如何入门，如何安排学习路线，每一步应该怎么走比较好。原本我以为之前的几篇文章已经可以解决大家的问题了，其实不然，因为我之前写的文章都是站在Java后端的全局上进行思考和总结的，忽略了很多小白们的感受，而很多朋友都需要更加基础，更加详细的学习路线。

02

如何理解谷歌眼中的低质量页面？

译者：Nic 审校：朱玉雪本文长度为3529字，预估阅读时间6分钟。我们今天要向大家介绍的是谷歌是通过哪些因素来判定登录页面质量的高低衡量页面质量的高低时，Google会考虑哪些因素，我们自

06

在线教育直播系统做好安全防护的方法

在线教育直播系统受到越来越多的人追捧，随之而来的是各种盗版视频的散布，不仅侵犯讲师的知识产权，还会造成教育市场的混乱。应该如何做，才能保证知识成果不被破解翻录呢？下面，我们就来简单了解一下。

02

Python自动化办公系列之Python操作PDF

大家可以叫我黄同学(博客名:Huang Supreme)，一个应用统计硕士，爱好写一些技术博客，志在用通俗易懂的写作风格，帮助大家学到知识，学好知识!

03

【程序源代码】抖音视频去水印工具

“ 关键字: “抖音视频批量去水印下载工具源码" 01 ———— 【总体介绍】作为一名计算机电脑办公人员和使用者。我们在实现工作中或者日常学习中经常会遇到这个办公场景。经常需要 "抖音视频批量去水印下载"，也就是说将抖音视频批量下载中的文字、图片、报表等水印只读的内容转换成屏蔽状态编辑的状态，即将只读转换成可编辑的格式。这个办公场景想想大家都在实际工作和学习中都遇到过。原来我们做的方式有好多种：1、在网络购买可相关软件，付费花钱卖转换工作 2、或者在网上充各类的会员或者VIP，有的会员按照

01

小心！电脑截图里面掺了东西！

不知道大家有没有经常用公司的电脑截图然后传播出去，如果只是普通内容倒还好，但如果涉及到公司的一些敏感内容，或者包含什么对公司不利的内容，那大家可要当心了，小心公司通过截图可以追溯到你！

01

暴利无成本项目：Youtube视频搬运实战篇

在这个自媒体流行的时代，越来越多的人群加入进来，对单个视频自媒体人来说，视频素材的重要性不言而喻，而视频素材的原创也面临着各种各样的困难，缺少视频素材一直都是视频自媒体人迫切需要解决的问题。

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭