闲着无聊翻翻自己的博客,不翻还好,一翻就有事情做了。突然发现一个比较严重的问题,那就是高清图片占用的页面面积比较大,一张图片要用滚轮滚好多次,导致文章内容割裂感极强,缺少整体感,读者对图片后面的内容缺少预知感,让人感到无趣甚至想关掉页面。而在手机上,得益于手机普遍修长的先天优势,这种糟糕的体验并不存在。
我也不知道这是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单推人 具体位置,找不到:@(吐血倒地)
博主 Kano单推人
@专一的余淮 非常抱歉!是我搞错了。相关推荐是主题默认启用的功能,作者并没有加开关。值得注意的一点是,触发相关推荐的前提,是你的文章必须添加了标签,而且同一个标签下面还有别的文章。简而言之,相关推荐是通过“标签”来触发的(不是分类),如果同一个标签下有许多文章,则会在文章下方显示相关推荐。标签可以通过后台“管理”→“标签”来创建添加,并在文章发布是填上相应的标签。
博主 专一的余淮
@Kano单推人 明白了,非常感谢:@(脸红)