欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-01-03 13:54:52
...

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

使用说明

  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); 
        }
    }

样式预览:样式

上一篇:

下一篇: