首先是直接在主机端文件管理,然后复制高亮文件 highlight.css 到 weisaybox 主题下
实际看效果的时候,显示有些不正常,因为这个css 的高亮代码不齐全,还有下面这段要补充到里面
- .dp-highlighter ol li{margin: 3px 15px 3px 50px;list-style: decimal;}
在 highlight.css 中新增上面代码,且要屏蔽原主题中对代码高亮的处理样式,用 /* code */ 就行。
而 weisaybox 主题中的 style.css 要屏蔽的代码如下:
- .main .context ol {margin-bottom:12px;}
- .main .context ul {margin-bottom:12px;list-style:none;}
- .main .context ol li {line-height:24px;list-style-position:inside;}
- .main .context ul li:before{content:“”;display:block;width:6px;height:6px;border-radius:6px;position:absolute;top:15px;left:12px;background-color:#00a1cb;}
- .main .context ol li {background-color:#f8f8f8;margin:6px 0;padding:5px 0 5px 15px;position:relative;}
- .main .context ul li {background-color:#f8f8f8;margin:6px 0;padding:5px 0 5px 30px;position:relative;}
这样,我们就在 weisaybox 主题中可以使用 beginlite 的高亮效果了。如果要修改好的文件,可以留言给我~
好难得更新哦。
更新了 来看看!