自定义简码插件,使用highlightjs库设置博客代码高亮

尴尬的是,以前定位技术博客,代码却没有高亮过😂……

主流的几种高亮插件都尝试过,要么不尽效果人意,要么操作比较繁琐.

没想到这几天本意是做动画简码的插件,却把困扰好久的高亮效果一并做了.

下面是一段代码高亮效果

{
    data:{
        title: 'Monthly income of an indie developer',
        xLabel: 'Month',
        yLabel: '$ Dollors',
        data: {
        	labels: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'],
            datasets: [
                {
                    label: '哈哈哈',
                    data: [30, 70, 200, 300, 500, 800, 1500, 2900, 5000, 8000],
                }, 
                {
                    label: '嘿嘿',
                    data: [0, 1, 30, 70, 80, 100, 50, 80, 40, 150],
                }
             ],
        },

    },
}