使用highlightjs+markdown編輯器自定義博客園代碼高亮

一 下載選定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);
            }