Z-Blog Wiki Z-Blog Wiki

Z-Blog官方文库

用户工具

站点工具


zblogphp:development:features:1.7:thumb

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
zblogphp:development:features:1.7:thumb [2021/02/15 18:53]
zhouzishu 删除
— (当前版本)
行 1: 行 1:
-====== 1.7新增特性:缩略图 ====== 
-还在傻傻的用正则获取第一张图,再用一堆方法处理生成缩略图?在这个版本中,你可能要和这些甚至应用中心的缩略图插件 say goodbye 了。 
- 
-系统会在文章发布后自动生成一张缩略图,让开发者在开发图文列表的主题模板时,极大程度的提高了便捷和性能,让图文列表载入更加快速。 
- 
-我们可以试想一下,图文类型的博客目前相当普遍,专门用 Z-Blog 做相册、摄影、旅游记、随手拍……非常的多,而图文列表在主题中使用非常普遍,那么作者上传图片的时候,大部分人会直接上传高清原图,而前端界面所正则出来的都是高清原图,加载速度会非常慢,一张图片可能要1-3M,如果是20篇文章列表呢?这已经不是取决于您本地网络的宽带了,而是网站服务器的宽带,而大多图文列表实际上只需要一张几十KB(根据测试,300*300尺寸的缩略图一般在20KB左右)的缩略图即可,基于这个原因,1.7的版本为此专门添加了一个缩略图功能,您可以像使用文章标签一样来调用它。 
- 
-**提示:**后台默认缩略图尺寸设置为300*300,您可以在后台【网站设置】【全局设置】中配置缩略图的宽高尺寸。 
- 
-===== 主题模板调用 ===== 
-主题模板调用缩略图时,使用标签:{$article.Thumb},该图为文章中第一张图片的缩略图。 
- 
-如果您的主题想要调用文章第一张图片的「原图」,而不是缩略图,那么请使用标签:{$article.FirstImg} 
- 
-**注意:** {$article.Thumb} 和 {$article.FirstImg} 标签为图片的路径,而不包含img标签,以下为使用方式。 
-<code html> 
-<!-- 缩略图 --> 
-<img src="​{$article.Thumb}"​ alt=""​ /> 
-<!-- 原图 --> 
-<img src="​{$article.FirstImg}"​ alt=""​ /> 
-</​code>​ 
- 
-其它资料说明:([[https://​wiki.zblogcn.com/​doku.php?​id=zblogphp:​development:​theme:​template#​文章标签_含独立页面|文章标签]]) 
- 
  
zblogphp/development/features/1.7/thumb.1613386387.txt · 最后更改: 2021/02/15 18:53 由 zhouzishu