当我们用typecho发表带图片的文章的时候,有的时候你会发现上传的图片尺寸非常大,占用了大半个屏幕,给我们的体验就不是那么的好,而typecho自带灯箱弹窗,所以我们在文章内的图片可以不需要原尺寸的显示出来,所以,今天教大家typecho怎么限制文章内图片的默认大小,改善用户的阅读体验!

操作方法

打开typecho根目录下的/var/HyperDown.php文件,搜索以下代码:

"<img src=\"{$url}\" alt=\"{$escaped}\" title=\"{$escaped}\">"

替换为:

"<img src=\"{$url}\" alt=\"{$escaped}\" title=\"{$escaped}\" style=\"max-width:300px;max-height:400px\" >"

然后再搜索:

"<img src=\"{$self->_definitions[$matches[2]]}\" alt=\"{$escaped}\" title=\"{$escaped}\">"

替换为:

"<img src=\"{$self->_definitions[$matches[2]]}\" alt=\"{$escaped}\" title=\"{$escaped}\" style=\"max-width:300px;max-height:400px\" >"

上面的代码限制图片最大高度为400px,最大宽度为300px。可根据自己的需要来自定义设置。

使用此方法建议大家使用的图片长宽比例接近4:3的,这样版式相对而言美观一些

文章名: 《typecho限制文章图片宽度和高度方法》

文章链接:https://www.yfriend.xyz/311.html

除特别注明外,文章均为深度博客所创,转载时请注明本文出处及文章链接
Last modification:April 25th, 2020 at 01:44 pm
如果觉得我的文章对你有用,请随意赞赏