使用highlightjs_markdown编辑器自定义博客园代码高亮

Posted 2021-03-20 侯赛雷

一 下载选定highlightjs主题CSS样式

1. 先去highlightjs官网选择一个主题,然后直接下载主题包,找到对应名字的css,复制所有css样式代码
2. 然后博客园选项修改默认编辑器为markdown,如下:
   

二 修改CSS代码并设置

1. 在样式的第一行.hljs前面加上这句

   .cnblogs-markdown

2. 还需要在背景颜色和字体大小后加入强制覆盖,即!important,只需要改动第一个,如下图:
   
3. 将修改后的css样式直接贴在设置里面的页面定制 CSS 代码里面保存即可查看效果,注意,如果有的无效,比如背景颜色和字体没变化,可能是没有强制覆盖的原因,需要在对应样式后面加!important

三 其他样式细节自定义

我选的主题是下图这个:

但是这个注释颜色我不喜欢,这样我们可以修改复制进去的css,修改保存即可,比如这里修改注释颜色:

四 查看代码效果

测试代码效果:

           /**
             * 使用byte数组构造String对象并按照指定编码格式(参数是Charset对象)
             */
            public String(byte bytes[], int offset, int length, Charset charset) {
                if (charset == null)
                    throw new NullPointerException("charset");
                checkBoundsOffCount(offset, length, bytes.length);
                StringCoding.Result ret =
                        StringCoding.decode(charset, bytes, offset, length);
                this.value = ret.value;
                this.coder = ret.coder;
            }

            /**
             * 使用byte 数组,指定charsetName编码名字
             */
            public String(byte bytes[], java.lang.String charsetName)
                    throws UnsupportedEncodingException {
                this(bytes, 0, bytes.length, charsetName);
            }