开始使用CodeColorer插件实现代码自动高亮

# 20200416更新

网站更换主题，改用主题自带的Google Code Prettify进行代码高亮，效果如下。

for contour in contours:
        # 获取矩形框坐标数据
        x, y, w, h = cv2.boundingRect(contour)
        # 根据坐标在原图截取相应区域,y坐标,x坐标
        contour_area = img[y:y+h, x:x+w]
        area = cv2.countNonZero(contour_area)
        # 根据实际占有像素面积和外接矩形的面积计算填充率
        rectangle_area = w * h
        fill_rate = area / rectangle_area
        if area >= min_area:
            contours_new.append(contour)

最近一直在被学习 Matlab 和 Python，学习笔记一直放在Word里，看着也不是很方便，网站也很久没有折腾了，打算把笔记放在网站上，方便复习顺便也可以丰富一下内容。

最开始看的是鸟哥和懿古今推荐的prettify.js，但是感觉配色不是很喜欢，在学习了其他博主的基础上，主要试了试Enlighter、 Syntax Highlighter、CodeColorer这三个插件，最后本着简洁美观的原则选择了CodeColorer插件，基本上现有的语言都支持，虽然很长时间没更新了，但是亲测在 Wordpres 5.1 和 5.2 中运行都没出错误，内嵌10种代码风格，应该能满足大部分人的审美要求。另外两个插件可设置的选项比较多，功能可能会强大一点。

更多插件的介绍和高级使用方法见：https://wordpress.org/plugins/codecolorer

# 修改字体大小

将 wp-content\plugins\codecolorer 文件夹内的 codecolorer.css 第 5 行 font: 0.9rem/1.3rem 中的数字 0.9 和 1.3 根据自己的需要增加即可，本网站所用插件设置参数为 font: 1.8rem/2.5rem ，如果想更改代码中注释的字体也是在第 5 行。

# 编辑器内调用

[cc lang = ‘代码语言类型’]
代码
[/cc]