主题极简

经历了整整一个月的艰苦战斗，从一开始的完全不知所措到渐渐步入正轨，我人生的第一个主题制作也快结束了，这个过程收获了很多经验，得到了很多的启发，思考了很多极简与易用性的平衡……

零零散散地都记录在本地了，等我好好组织下内容就一点点放上来，本文不定期更新中……

代码高亮极简

我自己做的主题也才100kB，其中highlight.min.js就占了45kB，我感觉很不爽怎么办？

先试了下从自托管改成调取cdn上的资源，用是能用，但遇到了两个我无法接受的问题：

1. 这github-dark主题跟我下载到本地的背景色居然不是同一种！
2. php的代码块前面不加<?php的话，function的颜色就不会变红了，惨白惨白的很丑。
   可是我又不想妥协，要是给每段php都加上<?php的话，大家复制时还得手动删掉，很麻烦的。

所以该怎么办呢？

那我把现在能用的那45kB的highlight.min.js放到我自己的远程里去调取不就好了嘛？！！

想到就去做！我把代码改成下面这样了：

// load highlight.js only content has code
function load_highlight_if_code_block_exists($content) {
    if (strpos($content, '<code') !== false) {
        wp_enqueue_style('highlightcss', 'https://img.kazelife.com/github-dark.css');
        wp_enqueue_script('highlightjs', 'https://img.kazelife.com/highlight.min.js', array(), null, true);
        wp_add_inline_script('highlightjs', 'hljs.highlightAll();');
    }
    return $content;
}
add_filter('the_content', 'load_highlight_if_code_block_exists');

有用诶！开心！
看来就是下载版跟cdn版的highlight.min.js里面不同的关系了。

不管怎样，达到了我的目的可真爽啊！
主题减负了，功能却没有减，完美地取得了平衡！