自定义CSDN博客中图片上的水印内容

最近用markdown写博客的时候，发现我上传的一张图片被强制打上了水印，打上水印也就算了，还那么丑！（见下图1）实在不能忍！下面我们来解决这个问题。

图1：



我们可能会想要的效果：

没有水印：



自定义水印内容，颜色



我们来看一下如何实现上述效果

下面是插入图片的时候csdn-markdown编辑器中生成的代码：

![图1](https://img-blog.csdn.net/20170212205452936?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjUxODQ3Mzk=/font/5a6L5L2T/fontsize/400/fill/IzAwMDAwMA==/dissolve/70/gravity/SouthEast)

注意：这里的参数用Base64加密算法

对上面的链接作仔细观察，发现有“？watermark”字样。接下来尝试把代码中“？watermark”后面的部分去掉， 即：

(http://img.blog.csdn.net/20170212205452936?)

便可以实现图二（无水印）的效果。

那么我们继续对上面的代码进行分析:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjUxODQ3Mzk=/font/5a6L5L2T/fontsize/400/fill/IzAwMDAwMA==/dissolve/70/gravity/SouthEast

继续研究水印的URL参数：

watermark/2/text/ICAgICAgICAgICAgR2FtZSBpcyBvdmVy/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast

text后面对应的ICAgICAgICAgICAgR2FtZSBpcyBvdmVy是添加的水印文本经过Base64算法加密之后的代码。如果你想自定义test内容，即修改水印的内容，可以通过这里在线转化。当然，其他的参数也是可以通过转换来替换掉的。具体如下：

第1个参数，watermark，值为数字“2”，改变其为1,2,3,4,5，测试发现，1,4,5均不能正常解析，2.1，2.2等介于2,3之间的数也无法解析，2,3可以正常解析，且3的颜色比2的白

第2个参数：text，可以看出是Base64加密后的，解密后为：” Game is over”，可以用其他字符串Base64之后替换

第3个参数：font，估计是字体，但没弄清楚具体的编码方式

第4个参数：fontsize，改成800后，不显示水印，改成200后，水印变成原来一半大小

第5个参数：fill，水印颜色的Base64，解码后为#BABAB0，同参数2，Base64之后可改变颜色

第6个参数：dissolve，类似于透明度，值越大，水印显示越明显

第7个参数：gravity，水印在图片中的位置，测试可用值为8个方向的英文单词，如NorthWest、East、South等，还有个Center，表示水印在中间位置

参考博客：CSDN博客中图片上的水印