修改CodeRender(Unmi)样式颜色

2023年8月26日18:00:00 发表评论

前面发了一篇 WordPress无插件实现代码高亮 文章，介绍到CodeRender(Unmi)代码高亮转换工具，前几天看到别人修改了下样式颜色，觉得挺好看的就也琢磨着修改了下。

默认样式：

修改CodeRender(Unmi)样式颜色

修改样式：

  1. // static strings
  2. $curl = str_replace($static_characters, $static_replacements, $curl);
  3. // regular expressions
  4. $curl = preg_replace($dynamic_characters, $dynamic_replacements, $curl);

我是直接把 highlight.css 代码放到 style.css 里，所以我需要修改style.css文件，如果是没放到style.css里的，就修改highlight.css文件。

查找 主题style.css文件
  1. .dp-highlighter ol li, .dp-highlighter .columns div
  2. {
  3. /*background-color: #fff;*/
  4. border-left: 1px solid #D1D7DC;
  5. padding-left: 10px;
  6. line-height: 18px;
  7. }
修改为
  1. .dp-highlighter ol li, .dp-highlighter .columns div
  2. {
  3. /*background-color: #fff;*/
  4. border-left: 2px solid rgb(1, 150, 227);
  5. padding-left: 10px;
  6. line-height: 18px;
  7. }
Tips:

掘金网建议新手小白们不用太纠结有关技术层面的东西，这些技术自己如果实在无力拿下的话，完全可以付费来给你搞定的，掘金网目前就提供这样的付费技术支持服务《去付费》，花钱不多可以买个保障和安全，有需要的可以联系掘金网。

历史上的今天:

掘金网
  • 版权声明：本站原创文章，转载请保留出处和链接！
  • 本文链接：http://jjsoho.com/xgysys/ 网赚有风险，投资需谨慎！