开始使用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]
原文链接:,转发请注明来源!

发表评论

  • 1 Responses to “开始使用CodeColorer插件实现代码自动高亮”