原文发布于我的博客:
https://ming71.github.io/又拍云图片处理教程/#more
如果有显示不出和bug推荐直接看原文。
1. 存储方式
1.1 存储功能
首先注册一个又拍云账号,登录上去,在相应位置找到存储粗功能,新建服务,然后就能在其下的文件管理功能栏上传文件和存储了。
1.2 目录设置
由于博客文章众多,需要上传管理的图片和文件很多,所以没有良好的目录设置习惯就会弄得很乱。尤其是已经建站和发布相当数量的文章后,再来迁移图片路径需要修改每篇博文的文件路径,工程量相当大。
建议文件夹设置按照博客名-博客分类名–文章名进行三级创建,最下级目录存放单篇文章的相关云文件,整理起来就方便很多了。最上级设置博客名,是考虑到又拍云可以存储其他东西,不单单用于博客后台,为其他作用留白。分类文件夹起名尽量不要有空格!尽量用英文!
2. URL制图
首先参见又拍云:官方教程,最后一项“功能”介绍了常用操作的参数值.
工具:Base64转换网址
2.1 文件取用
存放在又拍云的文件,右边的+可以复制其url,直接在网页打开即可。对于图片和txt会在线加载并显示;对于不识别的文件类型(如css文件styl)会自动下载。
注意: 复制出来的url是不带http协议头的,在markdown调用时需要自己加上 http:// ,才能得到完整的可访问链接。
2.2 URL制图
以文字水印的例子入手。
拿到存在又拍云一张图的完整url:http://chaserblog.test.upcdn.net/background/v2-f8f27244a306e410f72f842f65429a9d_hd.jpg
直接访问如下:
查询官方提供的参数,水印是:/watermark/text/<text>,其中文字内容是Base64编码的字符串。如想加上博客地址:https://ming71.github.io/,在编码网站中进行文字编码,得到字符串放到text位置即可,转换后代码和效果如下:http://chaserblog.test.upcdn.net/background/v2-f8f27244a306e410f72f842f65429a9d_hd.jpg!/watermark/text/aHR0cHM6Ly9taW5nNzEuZ2l0aHViLmlvLw==
(上url中!是分隔符,参见教程)
然后想调整位置在右下角,以及更改字体,也是找一下官网的参数附上去即可,代码和效果如下:http://chaserblog.test.upcdn.net/background/v2-f8f27244a306e410f72f842f65429a9d_hd.jpg!/watermark/text/aHR0cHM6Ly9taW5nNzEuZ2l0aHViLmlvLw==/align/southeast/font/Helvetica
注意:
文字/url水印的 text 需要 base64 编码,并把编码后的字符串中的 /(斜杠)替换成 |(竖线);
文字/url水印的中含中文内容(text)时,字体(font)请使用中文字体,否则会乱码。
3. 注意事项
-
分类文件夹起名尽量不要有空格!尽量用英文!
在复制url时,空格是不会被转化的,但是调用url访问页面时不能有空格,需要用%20代替空格,所以除了文章标题外,尽量不给自己添麻烦,别加空格;
如果名字是中文,会经过编码后得到非常长的url,这样对于SEO优化是不利的,更难被访问。[主要针对文章而言]