当前位置: 首页 > Design > 正文

首先是直接在主机端文件管理,然后复制高亮文件 highlight.css 到 weisaybox 主题下

实际看效果的时候,显示有些不正常,因为这个css 的高亮代码不齐全,还有下面这段要补充到里面

  1. .dp-highlighter ol li{margin: 3px 15px 3px 50px;list-styledecimal;}

在 highlight.css 中新增上面代码,且要屏蔽原主题中对代码高亮的处理样式,用 /*  code */ 就行。

而 weisaybox 主题中的 style.css 要屏蔽的代码如下:

  1. .main .context ol {margin-bottom:12px;}
  2. .main .context ul {margin-bottom:12px;list-style:none;}
  3. .main .context ol li {line-height:24px;list-style-position:inside;}
  4. .main .context ul li:before{content:“”;display:block;width:6px;height:6px;border-radius:6px;position:absolute;top:15px;left:12px;background-color:#00a1cb;}
  5. .main .context ol li {background-color:#f8f8f8;margin:6px 0;padding:5px 0 5px 15px;position:relative;}
  6. .main .context ul li {background-color:#f8f8f8;margin:6px 0;padding:5px 0 5px 30px;position:relative;}

这样,我们就在 weisaybox 主题中可以使用 beginlite 的高亮效果了。如果要修改好的文件,可以留言给我~

将beginlite的高亮css融合到weisaybox主题:等您坐沙发呢!

发表评论

快捷键:Ctrl+Enter