当我们使用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\" >"

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

其实就是添加了一个 style=max-width:300px;max-height:400px 的属性而已
设置的是限制图片最大高度为 400 px, 最大宽度为 300 px。
大小可以根据自己的习惯进行调整保存后刷新即可看到实际效果了。

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

最后修改:2025 年 12 月 09 日
喜欢我的文章吗? 别忘了点赞或赞赏,让我知道创作的路上有你陪伴。