T

Typecho修改文章图片默认大小&点击图片放大&图片居中

Glan 2020-07-17

花了半天时间,试了一些插件和最简单的修改文件。

修改文章默认图片大小
打开根目录下的/var/HyperDown.php
搜索如下两个

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

依次分别替换为

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

上面的代码,设置的是限制图片最大高度为500px,最大宽度为700px,保存。

点击图片放大
下载pScaleUp插件https://github.com/liangddyy/pScaleUp上传到插件,文件夹名字设为pScaleUp,文件夹里面只需要Plugin.php这个文件。插件后台开启,可以设置自己需要放大的倍数

修改图片居中
靠HTML来解决问题:修改/var/HyperDown.php文件第17行,添加center和a标签,标签之间使用|分隔。然后每次图片中间手动输入<center></center>,稍微麻烦了点,优点是改动最小,插件体积也最小,其实个人bolg还是文字为主,所以适合偶尔图片的图片编辑。我是觉得我能习惯。

<center>
![fangda.jpg][1]
</center>

效果图
昨天做的咖啡,iPhone顺手拍了张。


fangda.jpg

评论(3)

发布评论
  1. 我是用CSS控制的,例如:.post-content img {width: 100%; height: auto}

    1. 这个感觉不错~下次试试

  2. 缺点是手机端优化不好