给Pinghsu主题集成HTML压缩功能

in Tutorials with 16 comments

之前的那篇文章《给TpCache集成HTML压缩》,是直接给插件添加代码压缩的功能,感觉不太好,比较幼稚~

反正就是解决了与TpCache插件不兼容的问题

所以这次我把代码压缩功能放到Pinghsu主题里,应该算是第一个将压缩代码放到Typecho主题的主题了···

下面是教程,比较简单~

添加函数

还是那段压缩代码函数

function compressHtml($html_source) {
    $chunks = preg_split('/(<!--<nocompress>-->.*?<!--<\/nocompress>-->|<nocompress>.*?<\/nocompress>|<pre.*?\/pre>|<textarea.*?\/textarea>|<script.*?\/script>)/msi', $html_source, -1, PREG_SPLIT_DELIM_CAPTURE);
    $compress = '';
    foreach ($chunks as $c) {
        if (strtolower(substr($c, 0, 19)) == '<!--<nocompress>-->') {
            $c = substr($c, 19, strlen($c) - 19 - 20);
            $compress .= $c;
            continue;
        } else if (strtolower(substr($c, 0, 12)) == '<nocompress>') {
            $c = substr($c, 12, strlen($c) - 12 - 13);
            $compress .= $c;
            continue;
        } else if (strtolower(substr($c, 0, 4)) == '<pre' || strtolower(substr($c, 0, 9)) == '<textarea') {
            $compress .= $c;
            continue;
        } else if (strtolower(substr($c, 0, 7)) == '<script' && strpos($c, '//') != false && (strpos($c, "\r") !== false || strpos($c, "\n") !== false)) {
            $tmps = preg_split('/(\r|\n)/ms', $c, -1, PREG_SPLIT_NO_EMPTY);
            $c = '';
            foreach ($tmps as $tmp) {
                if (strpos($tmp, '//') !== false) {
                    if (substr(trim($tmp), 0, 2) == '//') {
                        continue;
                    }
                    $chars = preg_split('//', $tmp, -1, PREG_SPLIT_NO_EMPTY);
                    $is_quot = $is_apos = false;
                    foreach ($chars as $key => $char) {
                        if ($char == '"' && $chars[$key - 1] != '\\' && !$is_apos) {
                            $is_quot = !$is_quot;
                        } else if ($char == '\'' && $chars[$key - 1] != '\\' && !$is_quot) {
                            $is_apos = !$is_apos;
                        } else if ($char == '/' && $chars[$key + 1] == '/' && !$is_quot && !$is_apos) {
                            $tmp = substr($tmp, 0, $key);
                            break;
                        }
                    }
                }
                $c .= $tmp;
            }
        }
        $c = preg_replace('/[\\n\\r\\t]+/', ' ', $c);
        $c = preg_replace('/\\s{2,}/', ' ', $c);
        $c = preg_replace('/>\\s</', '> <', $c);
        $c = preg_replace('/\\/\\*.*?\\*\\//i', '', $c);
        $c = preg_replace('/<!--[^!]*-->/', '', $c);
        $compress .= $c;
    }
    return $compress;
}

将其放到pinghsu主题的function.php的末尾

添加启用

然后打开footer.php,在末尾加上下面代码

<?php $html_source = ob_get_contents(); ob_clean(); print compressHtml($html_source); ob_end_flush(); ?>

保存好这两个文件,然后覆盖原文件

兼容其他代码

当然代码压缩可能会与一些插件不兼容,可以使用下面方法自行修改插件代码来保证这些不兼容的代码可以运行

<!--<nocompress>-->
不兼容代码
<!--</nocompress>-->

<nocompress>
不兼容代码
</nocompress>

其他

毕竟,有些人的有些插件里的js是不带;的,比较奇葩,代码一压缩就直接挂掉,所以还要加一层是否启用判断,这里就不说明了

如果你嫌麻烦,可以直接从 Github 更新,然后在外观设置那开启就可以使用了

如果你修改了TpCache插件,那么改不改回来就根据自己的判断啦,反正我是改回来了~ 😂

后台外观设置有点乱,下次再整理吧~

内容不多,至此~

Responses
  1. 感谢分享,,,

    Reply
  2. ivz

    您好,主页可以修改 只显示某个分类下的文章吗

    Reply
  3. idken

    您好,看到您的这个主题是开源的,我想把它移植到Mweb上可以吧

    Reply
    1. idken
      @idken

      当然会署名

      Reply
  4. 博主你好,反映一个bug:手机chrome下展开菜单后点×无法关闭菜单(懒得去github提issue了逃)

    Reply
    1. @活在梦里

      恩,早就知道了~因为是纯css实现,刚好又遇到没时间~先拖着~

      Reply
  5. 我擦,主题越来越高端了

    Reply
    1. @Tokin

      还行~😆😁

      Reply
  6. 你好,如何隐藏首页的图片,想光显示文字

    Reply
    1. @destined

      到index.php删掉那些缩略图代码,你应该可以的

      Reply
      1. @Chakhsu

        能告诉下具体开头代码和结尾吗,我试着删除了下,结果总出错。好像删除少了或者多了

        Reply
        1. @destined

          在index.php找到 if ($this->options->postListSwitch == 'oneList'): ,在里面
          找到 <a href=" ?php $this->permalink(); ?>"> <?php if (array_key_exists('thumb' ,
          然后把整个a标签里面的删除,当然也包括a标签,这样就可以了

          Reply
          1. @Chakhsu

            好的,我回家在搞吧,代码让我删错了,打不开了没备份,没法改了 github 不知道怎么回事不能下载

            Reply
        2. @destined

          我看了看,好像只有单栏的缩略图代码可以删除~

          Reply