应S需要而写。看上去很长,其实没多少东西,非常初级,非常零基础。
高手路过了就不要看了,省得回过头来笑话我。
为了把引用图片的html代码显示出来、而不是被解析真费了不少功夫。
最后的解决办法是………贴截图

1.为什么要使用网络相册?
1.1
个人的拥有的服务器空间通常是有限的,国内的虚拟主机多数是以MB计算的,100M的空间除了安装WorePress确实装不了几张照片。我目前用的是HostMonster的,空间600GB,基本可视作无穷大了,但这个空间首年便宜,续费就很贵,所以不知道明年会不会有这么大的空间可用。
另外虚拟主机是有流量限制的,而图片是比较耗费流量的。当然这一点对于我基本不是问题,因为没什么人看,流量肯定超不了。
1.2
考虑到将来可能的更改空间提供商、更换blog域名等情况,把图片文件存放在可靠的第三方有利于“搬家”。wordpress的数据文件通常不会很大,直接从数据库导出再导入到新的空间,很方便,而图片就不一定了。而且可能牵扯到更改图片链接等问题。
1.3
Wordpress的图片上传、插入功能很不怎么样。相比之下Tattertools这方面功能不错,但其他功能基本一无是处。
而充分利用网络相册的各种功能可以大大简化操作。
1.4
好的网络相册通常速度不会比放在自己的空间慢。
2.选择哪个网络相册?
2.1
最著名的网络相册是flickr,但前段时间出现过被盾的情况,后果比较严重。国内比较知名的是yupoo,用过一段时间。据说煎蛋多次在yupoo出现过照片丢失的问题。我现在用的是Google的Picasa网络相册。
2.2
PicasaWeb的空间是1GB,不可扩充(除非交钱),yupoo的是普通用户每月60MB,都有比较合理的地方。个人认为,等到把PicasaWeb的1GB快用完的时候可能Google也会宣布扩容了。
3.上传(以PicasaWeb为例)
3.1
直接在http://picasaweb.google.com/上传照片似乎要安装插件,(又查,火狐下不用),不如直接使用Picasa,安装之后可以在菜单栏“工具”-“文件夹管理器”里选择要扫描的目录,或者从picasa里删除某个目录。
3.2
Picasa会搜索指定范围的所有图片文件,并以文件夹为单位按时间排列。浏览并选择要上传的照片,右击、“上传到网络相册”,用Google帐号登录相册,然后创建新的相册或添加到现有的相册,命名相册并调整隐私设置(要引用的话必须为“公开”)。
3.3
上传的尺寸:如果之前选择的是原始的照片,可以使用“最优化”设置,自动将图片压缩到1600象素(最长边?)然后再上传,节约空间及时间;作为blog展示用1024像素其实也足够;如果是已经自行裁剪好的照片,不希望再被改动,可以选择按原始尺寸上传。
4.引用
4.1
登录http://picasaweb.google.com/,可以在设置里更改默认语言。找到要使用的图片,右侧点击“此照片的链接”,这里要使用的是“要嵌入网站的 HTML”代码,选择尺寸,(通常是400PX,指最长边,太宽会在wordpress里无法显示,使用K2主题的情况下最宽似乎在500px左右,)复制代码,类似于:

其中第一个尖括号里的内容(href=)是在点击图片之后可以访问http://picasaweb.google.com/loyalbc/4post/photo#5096029767426345906查看原始照片,所以也可以删除,只保留

4.2
yupoo的代码格式是

其中alt=”IMG_6536″ 是鼠标停留在图片上时浮现的提示信息,可自行设定;width=”500″ height=”375″是图片尺寸,据说添加尺寸信息有利于搜索引擎优化,比较现实的作用是在页面载入过程中,图片尚未显示的时候便预留好图片空间,以免文字部分随着图片的载入改变位置,影响阅读。
我一般会参考yupoo的代码改进picasaweb的代码,主要是添加图片尺寸信息,有时懒了就直接使用picasaweb默认的。
4.3
Picasaweb默认提供四种缩略图尺寸,144,288,400,800,体现在代码里的差别就在于/s400/200543039850387.jpg中的s××,隐藏的尺寸可以通过修改这里实现,参看picasa 相册的隐藏缩略图 。
4.4
代码必须在worpress的“源代码”编辑状态下粘贴使用的,粘贴之后切换到“可视化”模式下就可以看到图片了,可以再设置图片居中之类的格式。
PS:
我发布日志的时候通常在Gmail或者记事本里起草,全选、复制,在WP的“源代码”模式下粘贴,然后再切换到“可视化”模式下设置连接、粗体之类的格式,这样可以最大程度减少冗余代码。
如果在MS Word之类的环境下编辑,再在“可视化”模式下复制过来,会产生比较多的冗余代码;同样的Live writer据说用来发布blog不错,但也存在冗余代码的问题。
另外直接在“可视化”模式下撰写会有一种难以驾驭的感觉,换行都成问题。
不错,以后可以直接拿你这篇去教育刚开博的小朋友,尤其是用新浪百度这种不让图片外链的无良BSP的blogger们……
=============
lynx:
非常 囧rz
感谢你的支持
看了看煎蛋的文章
你说 s576 s640 s512这种
怎么引用啊?
不要 a href
直接img src?
我也用picasa,不过铁通的速度有时候实在不乐观。
可视化编辑器我也感到抓狂……
后来才发现,shift+enter终于搞定了!
我肏!记得什么时候计算机基础教过我们这些……
==============
lynx:
就是把代码中的s400换成s512
比如说
http://lh6.google.com/loyalbc/Rri8EtRDi7I/AAAAAAAAAAs/OfOtvcbPjm8/s400/200543039850387.jpg
变成
http://lh6.google.com/loyalbc/Rri8EtRDi7I/AAAAAAAAAAs/OfOtvcbPjm8/s512/200543039850387.jpg
我想是这样的,你可可以参考煎蛋的那篇文章的页面源文件
不要 a href 直接img src在我看来就是只显示图片,而不形成超级链接
啦啦啦
田甜用的也是picasa
但是為什么我用著就米有什么感覺呢?
大概我比較初級…
============
lynx:
你想要什么感觉啊?
你说的S是谁啊? 哈哈
我经常用的是
还有slide 和 flickr ~
这次要试试这个picasa了~ 哈哈
============
lynx:
当然是:人