闲着无聊翻翻自己的博客，不翻还好，一翻就有事情做了。突然发现一个比较严重的问题，那就是高清图片占用的页面面积比较大，一张图片要用滚轮滚好多次，导致文章内容割裂感极强，缺少整体感，读者对图片后面的内容缺少预知感，让人感到无趣甚至想关掉页面。而在手机上，得益于手机普遍修长的先天优势，这种糟糕的体验并不存在。
我也不知道这是Typecho的锅还是Joe主题的锅，咱也不敢查，咱也不敢问，总之把它解决掉就好了。
解决办法
打开网站根目录下的 /var/HyperDown.php 文件
搜索
"<img src={$url} alt={$escaped} title={$escaped}>"替换为：
"<img src={$url} alt={$escaped} title={$escaped} style=max-width:300px;max-height:600px >"再次搜索
"<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:600px >"上面的代码，设置的是限制图片最大高度为600px,最大宽度为300px，你可以根据自己的需要来修改，然后保存覆盖这个文件即可。已知的问题是，如果你的宽度设置得太大，移动端页面显示的图片宽度可能会溢出。暂时不知道怎么解决，也许可以通过修改主题文件的某些代码来解决，还没空研究，先凑合着用吧。
修改前后对比
值得注意的是，Joe主题自带图片灯箱，点击图片即可放大，避免了图片过小导致看不清的问题。
Comments 7 条评论
找了半天终于解决了
给大佬磕一个
相关推荐怎么搞
@专一的余淮 主题自带的功能啊，打开就行了，主题后台设置
@Kano单推人 具体位置，找不到:@(吐血倒地)
@专一的余淮 非常抱歉！是我搞错了。相关推荐是主题默认启用的功能，作者并没有加开关。值得注意的一点是，触发相关推荐的前提，是你的文章必须添加了标签，而且同一个标签下面还有别的文章。简而言之，相关推荐是通过“标签”来触发的（不是分类），如果同一个标签下有许多文章，则会在文章下方显示相关推荐。标签可以通过后台“管理”→“标签”来创建添加，并在文章发布是填上相应的标签。
@Kano单推人 明白了，非常感谢:@(脸红)