给Pinghsu主题集成HTML压缩功能

in Tutorials with 18 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. 2333,发现一个好方法(✪▽✪)傻瓜式的:用cdn的时候开启HTML压缩。2333,魔门云的,可以

    Reply
  2. mrjucn

    求博主推荐一个typecho获取特色图的方法。最近给我的wordpress主题移植到typecho上,什么都搞好了,就是特色图一直没找到合适的方法,求。

    Reply
  3. 感谢分享,,,

    Reply
  4. ivz

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

    Reply
  5. idken

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

    Reply
    1. idken
      @idken

      当然会署名

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

    Reply
    1. @活在梦里

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

      Reply