喵喵博客志 记录喵喵美好生活
歌曲封面 未知作品
  • 歌曲封面あの日のままのぼくら雨宮天
  • 歌曲封面やさしさに包まれたなら松任谷由実
  • 歌曲封面夜、萤火虫和你AniFace
  • 歌曲封面Rum and Coca ColaThe Andrews Sisters
  • 歌曲封面ShelterPorter Robinson

萌ICP备20210005号

辽ICP备2021005644号

绯色之喵 @2009

十年之约计划 4 年 130 天 11 小时 54 分

Powered by Typecho & Sunny

2 online · 21 ms

Title

MyDiary主题教程——相册类型文章使用缩略图

绯色之喵

·

·

40次阅读
Typecho
Article
⚠️ 本文最后更新于2023年07月20日,已经过了363天没有更新,若内容或图片失效,请留言反馈

在使用MyDiary主题创建相册类型文章时,当图片过多或图片容量过大,会导致此页面在访问的时候出现严重的卡顿,而且过大的图片加载不仅会影响网站的加载速度,也会影响服务器的响应。因此最好的解决办法就是使用缩略图来替换显示封面图片,并在点开灯箱图片时再加载原图。

本地图片附件

因为上传的图片附件,typecho并不会生成缩略图,可以配合尝试使用TimThumb.php插件自动对图片附件生成缩略图。

TimThumb 是一个非常简洁方便的、用于裁图的 PHP 程序。只要给它设置一些参数,它就可以生成指定图片的缩略图甚至是直接给指定的网站截图。现在很多 WordPress 主题中,都使用的是 TimThumb 这个 PHP 类库进行缩略图处理。

{cat_webpost id="https://mkblog.cn/690/"}

具体使用方法步骤:

  1. 下载TimThumb.php文件到站点的根目录。
    附件:TimThumb  
  2. 在MyDiary主题后台--个性--自定义全局js处填写:
    此处内容,需回复之后可见

  3. 在MyDiary主题后台--扩展--pjax回调函数处填写:

    ♾️ js 代码:
    img_src_change();
第三方图床

现在大多数用户会选择使用第三方图床服务来储存图片附件,因此这里以喵喵使用的七牛云作为案例,其他的阿里腾讯都是类似的步骤。

  1. 进入七牛云的空间管理,点击进入图片样式,在此处添加一种新图片样式,并在此新样式中确定缩略图的裁切方式,并确定好图片处理样式名称
  2. 在MyDiary主题后台--个性--自定义全局js处,使用js替换原图的样式名称为新的缩略图的样式名称。
    此处假定原图为_full,新的缩略图为_thumb,其中下划线是连接符,英文是上一步的图片处理样式名称:
    此处内容,需回复之后可见

  3. 在MyDiary主题后台--扩展--`pjax回调函数:

    ♾️ js 代码:
    img_src_change();
现在已有 13 条评论,63 人点赞
Comment:共13条
发表
  1. 头像
    @
    谢谢分享。
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  2. 头像
    @
    不凡
    typecho有没有上传图片自动转换webp图片的插件?我在网上和typecho官方社区搜了,没找到webp相关插件。
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 1 💖 1 💯 1 💦 1 😄 1 🪙 1
    1. 头像
      @
      我都手动转顺带压缩qaq
      · Chrome

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 2 💖 2 💯 2 💦 2 😄 2 🪙 2
      1. 头像
        @
        不凡 @火喵酱
        我用zblog写文章的时候就是这样操作的,zblog也没有webp相关插件。
        wordpress插件市场有大把webp插件,截图后在编辑器按Ctrl+V键就自动上传了,很方便
        · Chrome

        👍

        💖

        💯

        💦

        😄

        🪙

        👍 3 💖 3 💯 1 💦 1 😄 1 🪙 1
        1. 头像
          @
          wp正常,那么多年了还有用户基础,国产程序都是小众的
          · Chrome

          👍

          💖

          💯

          💦

          😄

          🪙

          👍 2 💖 2 💯 2 💦 0 😄 0 🪙 0
  3. 头像
    @
    不凡
    主题有考虑出wordpress版吗?
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 1 💖 1 💯 0 💦 0 😄 0 🪙 0
    1. 头像
      @
      我也想啊,wp可以卖的更贵,但是我现在好懒 ( ๑´•ω•) "(ㆆᴗㆆ)
      · Chrome

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 1 💖 2 💯 2 💦 0 😄 0 🪙 0
      1. 头像
        @
        不凡 @火喵酱
        哎呀,你这样想嘛,多个“销路”就多点收入嘛,辛苦一下
        · Chrome

        👍

        💖

        💯

        💦

        😄

        🪙

        👍 1 💖 0 💯 0 💦 0 😄 0 🪙 0
  4. 头像
    @
    Amuer
    学习一下
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 1 💖 1 💯 0 💦 0 😄 0 🪙 0
  5. 头像
    @
    秋暮lianxs
    谢谢分享
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 2 💖 2 💯 1 💦 0 😄 0 🪙 0
  6. 头像
    @
    Amuer
    感谢分享
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 1 💖 1 💯 1 💦 0 😄 0 🪙 0
  7. 头像
    @
    看看js
    · Chrome

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  8. 头像
    @
    感谢分享
    · Safari

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
搜 索 消 息 足 迹
你还不曾留言过..
你还不曾留下足迹..
博主 欢迎访问喵喵的博客,记录每日好心情! 不再显示
博主