仿MacOS的Typecho代码块插件移植踩坑

搞到吐，从晚自习开始搞到现在，原因是因为觉得这个才好看嘛，然后毕竟期末论文都搞好了

使用说明

1. 参考这两个链接

   ColorHighlight-for-typecho

   ColorHighlight插件实现Mac风格代码高亮

2. 把自带的主题有关pre和code的代码全部删掉，注意是删掉不是注释掉，我这里注释掉根本没用

3. 插件开启之，如果要加载复制的功能，需要加载layer.js并下载包安装文件放到对应目录下

4. 然后根据Chrome调试控制台内的css定位元素，魔改即可

已知bug

• 100条更多的代码行号会被遮盖住

  → 这一点把主题css中的content中的2字符的letter-space删掉就行

• 有的时候代码行数太多，会被遮住

  → 把插件里的line.js 里面的一个动态计算max-height给删掉就行

• 总是clipperjs控制台报错

  → 作者引用顺序不对，进入plugin.php改一下guess.js的引用顺序，先引用clipperjs再引用guess.js

代码框演示

 var arr = [49, 38, 65, 97, 76, 13, 27, 49];
    console.log('arr:' + arr);    //打印排序前的数组
    Bubblesort(arr);
    console.log('sortArr:' + arr);    //打印排序后的数组
 
    function Bubblesort(arr){
        for(i=0;i<arr.length-1;i++){    //排序趟数 注意是小于
            for(j=0;j<arr.length-i-1;j++){
            //一趟确认一个数，数组长度减当前趟数就是剩下未确认的数需要比较的次数
            //因为j从0开始，所以还要再减1，或者理解为arr.length-(i+1)
                if(arr[j]>arr[j+1]){
                    var temp=arr[j];
                    arr[j]=arr[j+1];
                    arr[j+1]=temp;
                }
            }
            console.log('newArr:' + arr); 
        }
    }

样式预览：样式