使用highlightjs+markdown编辑器自定义博客园代码高亮

一 下载选定highlightjs主题CSS样式

1. 先去highlightjs官网选择一个主题,然后直接下载主题包,找到对应名字的css,复制所有css样式代码



2. 然后博客园选项修改默认编辑器为markdown,如下:
   
   

   
   

   二 修改CSS代码并设置



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

   .cnblogs-markdown



4. 还需要在背景颜色和字体大小后加入强制覆盖,即!important,只需要改动第一个,如下图:
   
   



5. 将修改后的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);
}