拾贝者的小木屋

在b2evolution上，博主有好几种发表图片的办法。

比如说，可以把图片上传到某个公共的图片网站，然后用图片链接的办法，把图片加入到帖子里。在编辑状态下，标明为"img"的那个键钮，可以为你提示必要的信息。注意你要容许浏览器放出弹跳窗口(popup)，才能完成有关操作。

你也可以把图片上传到你的博客后台，然后在浏览图片的界面上，使用“生成帖子”的功能，把选择的图片自动生成帖子发表出来。用这个办法可以为每一幅图片发表在一个帖子。你还可以通过编辑帖子的办法，添加图片说明等等。

（继续）

这里再介绍一种直接使用html代码的方法，自己写出帖子的代码。这个办法虽然稍微麻烦一些，但是对版面的控制比较多一些。如果你有使用html的经验，不妨试试。

首先，你已经知道了html的img的基本句法，你可以直接用一个很简单的语句把图片显示出来。这里，关键一点是你要知道上传图片的url。如果你的图片上传在其他网站，那么你要自己把图片的url了解清楚。如果你把图片传到这个网站，那么在博客后台，你可以看到你的图片的文件名，在这个文件名前面加上这个网站的完整的图片目录网址（http://blogs.vistaview.org/media/），就是这幅图片的url。

例如，你上传的图片(myphoto.jpg)放在你的博客(blogs/myblog)根目录上，你的的图片名是：blogs/myblog/myphoto.jpg，那么这幅图片的url就是：http://blogs.vistaview.org/media/blogs/myblog/myphoto.jpg。而根据这个url你可以在你的帖子里写出下面这段代码，这样就可以显示出这幅图片。

<img src="http://blogs.vistaview.org/media/blogs/myblog/myphoto.jpg" />

如果你上传的图片(myphoto.jpg)放在你的帐号(users/mylogin)根目录上，你的的图片名是：users/mylogin/myphoto.jpg，那么这幅图片的url就是：http://blogs.vistaview.org/media/users/mylogin/myphoto.jpg。而根据这个url你可以在你的帖子里写出下面这段代码，这样就可以显示出这幅图片。

<img src="http://blogs.vistaview.org/media/users/mylogin/myphoto.jpg" />

你也许很快就注意到，图片有大小的区别。如果不定义显示尺寸，一幅大图片就会使得你的版面变形。所以，你可以根据屏幕上已有的宽度，来定义你的图片宽度。再根据4:3的比例，算出图片的高度。比如说，你的版面可以显示宽度为640像素，那么高度就是480。把上面的图片代码修改一下——

<img src="http://blogs.vistaview.org/media/blogs/myblog/myphoto.jpg" width="640" height="480" />

如果你还想在图片上再加入连接，显示原大图片，建议你使用html的anchor语句，尤其是要把"target"的参数设为"_blank"。这里是一个例子：

<a href="http://blogs.vistaview.org/media/blogs/myblog/myphoto.jpg" target="_blank"><img src="http://blogs.vistaview.org/media/blogs/myblog/myphoto.jpg" width="640" height="480" /></a>

自己动手写html代码的好处是，你可以在一个帖子里贴上组织多幅图片，可以任意调整前后顺序，可以根据需要调整图片，等等。

另外，在使用img和anchor时，还可以加上其他它有用的辅助参数，比如"alt", "title"等等。