贴图实例：使用Flickr图床来贴图

常常看到有人碰到贴图难题。直接从电脑上传图片先要存好合适的大小，经过WXC压缩后往往会影响质量。

使用dali的网站生成HTML源代码很容易，但也有局限性。它要求图片是public的，而且如果图片不在一个album内，就先要整理好，这样还是比较烦人。我认为公开自己的图片也不一定符合每个人的要求。

最近Flickr更改了使用介面，给使用Flickr图床带来不便之处。

我在这里介绍的方法很简单，不需要改变Flickr的私人图片。


具体步骤如下：

1 登入Flickr，打开自己的图片。看到右下的图标 Share this photo, 点击打开选项。






2. 点击 HTML， 选用大小，如 Large  1024 x 683





3. 复制已选中的地址，开启一个文档编辑程序，如 Notepad， 粘贴后就得到如下的代码：


***

<a href="https://www.flickr.com/photos/yourusername/14032591084" title="Untitled by You, on Flickr"><img src="https://farm8.staticflickr.com/7197/14032591084_505ba31208_b.jpg" width="1024" height="683" alt="Untitled"></a>

***

4. 然后发帖时，在内容（可先选项）点击【HTML源代码】，粘贴刚才复制的内容。就完成了贴图的基本步骤。点击发表帖子就行了。蓝色部分也就是Flickr的图片地址。


5. 如果还需要图片背景色和边框等，那就需要进一步手动操作。我使用如下的方法，仅提供参考：


***

div style="background:#e6e6dd;color:#000;margin:-32px auto -15px auto;padding:30px 0;">
<div style="padding:20px 20px"><span style="font-size: large;"> here input  text for pictures or whatever. <br />

<br /> <br /> <br /> <p>&nbsp;</p>
</span></div>

<div style="padding:30px 0">#1  <br />
<p>&nbsp;</p>
<div style="width:1100px;height:800px;border:1px solid #fff;margin:auto;background:#000;"><img width="900" height="600" alt="title of your picture" src="here input image url on flickr " style="margin:100px;border:1px solid #fff" /></div></span></div>

***

现在将准备好的HTML源代码复制到内容栏内，一定要先点选 【HTML源代码】。点击发表帖子就完成了。