将图片资源下载到网站的根目录(/usr/local/httpd/htdocs/)下。
1.下载并解压缩：
yum -y install ImageMagick ##安装图片转换工具，支持convert
lftp ftp.linuxfan.cn
lftp ftp.linuxfan.cn:~> cd tools/
lftp ftp.linuxfan.cn:/tools> get for_html_img.tar.xz
164757244 bytes transferred
lftp ftp.linuxfan.cn:/tools> bye
tar Jxvf for_html_img.tar.xz ##解压
cd img/
2.编写脚本：
[[email protected] img]# vim for_html.sh
#!/bin/bash
##创建相册
echo "Creating album..."
mkdir -p thumbs
###########创建html头部###############
cat <<EOF >index.html
<html>
<head>
<style type="text/css">
body {
width:960px;
margin:0 auto;
border:1px dashed grey;
padding:10px; background:#000;
}
img { margin:5px; border:1px solid black;}
h1 {
color:#fd6edf;
font-size:48px;
font-style:bold;
font-family:"华文行楷"; width:400px;
height:50px;
background:#eded56;
}
</style>
</head>
<body>
<center><h1>www.linuxfan.cn</h1></center>
<embed src="ibl.mp3" autostart=true loop=true></embed>
<p>
EOF
###########为所有图片设置a标签###################
for img in *.jpg;
do
convert "$img" -resize "300x" thumbs/$img ##将大图转为小图并放到thumbs/目录下
echo "<a href=\"$img\" target=\"_blank\"><img src=\"thumbs/$img\" title=\"$img\" /></a>" >>index.html
done
###############创建网页的尾部###############
cat <<END >>index.html
</p>
</body>
</html>
END
echo "index.html is ok."
:wq
[[email protected] img]# sh -x for_html.sh
3.访问测试：
http://www.linuxfan.cn/img