WordPress Sakura主题更新HighLight JS语法高亮

这个主题也是本站用的主题，这个主题有一定时间没有更新了（2年没更新了），语法高亮支持还有点少，比如上一篇文章，写了一些 Kotlin，但是并不支持语法高亮（非常难受）

操作步骤

1. 首先，下载对应版本主题，地址：下载地址 v3.4.0

2. 再去下载一个highlight js的库，地址：下载地址，在下载页面选择你想要的编程语言，或者直接选择全部语言。

3. 下载之后，我们会得到这些文件和目录

   highlight:
       DIGESTS.md
       LICENSE
       README.md
       es
       highlight.js
       highlight.min.js
       languages
       package.json
       styles
   ===============================
   sakura-3.4.0:
       404.php
       LICENSE
       README-en.md
       README.md
       archive.php
       author.php
       cdn
       comments.php
       footer.php
       functions.php
       header.php
       images
       inc
       index.php
       js
       languages
       layouts
       manifest
       options.php
       page-archive.php
       page-links.php
       page.php
       screenshot.jpg
       search.php
       sidebar.php
       single.php
       style.css
       tpl
       user

4. 然后把 highlight 目录下面的 highlight.min.js 复制到 sakura-3.4.0/cdn/js/src/ 下面，并替换掉原有的 03.highlight.pack.js

5. 把 highlight 目录下面的 styles 下面所有的 CSS 文件都复制到 sakura-3.4.0/cdn/css/src/ 下面

   复制过来会有一个“base16”的目录，这个可以不需要

6. 安装Python（有的话就跳过）

7. 用pip去安装 jsmin、csscompressor 软件包

   pip install jsmin
   pip install csscompressor

8. 执行压缩

   cd sakura-3.4.0/cdn/
   python do.py

9. 打开WordPress的主题编辑器，在主题编辑器中，替换掉cdn目录下面的js的lib.js文件，以及cdn/css目录下面的lib.css文件

10. 由于直接更新lib.js和lib.css会有一些问题，目前一直的是，字符串的背景是白色的，其他背景没变化，很怪，在主题设置里面加一个CSS即可：（这里的颜色根据情况去改，我这里就用了“#1D1F21”）

    *[class*=hljs] {
        background: #1D1F21!important;
    }

11. 清除缓存并刷新文章页面即可