zoukankan      html  css  js  c++  java
  • 【插件】博客园markdown编辑器自定义代码黑色背景高亮显示

    找到设置

    直接上代码

    /*
    使用了Monokai Sublime的黑色主题皮肤,但是还存在样式冲突,需要自己修改
    这个样式只适合使用makedown编写的博客
    Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
    */
    
    pre {
        /*控制代码不换行*/
        white-space: pre;
        word-wrap: normal;
    }
    
    .cnblogs-markdown .hljs {
        display: block;
        overflow: auto;
        padding: 1.3em 2em !important;
        font-size: 16px !important;
        background: #272822 !important;
        color: #FFF;
        max-height: 700px;
    }
    
    .hljs,
    .hljs-tag,
    .hljs-subst {
        color: #f8f8f2;
    }
    
    .hljs-strong,
    .hljs-emphasis {
        color: #a8a8a2;
    }
    
    .hljs-bullet,
    .hljs-quote,
    .hljs-number,
    .hljs-regexp,
    .hljs-literal,
    .hljs-link {
        color: #ae81ff;
    }
    
    .hljs-code,
    .hljs-title,
    .hljs-section,
    .hljs-selector-class {
        color: #a6e22e;
    }
    
    .hljs-strong {
        font-weight: bold;
    }
    
    .hljs-emphasis {
        font-style: italic;
    }
    
    .hljs-keyword,
    .hljs-selector-tag,
    .hljs-name,
    .hljs-attr {
        color: #f92672;
    }
    
    .hljs-symbol,
    .hljs-attribute {
        color: #66d9ef;
    }
    
    .hljs-params,
    .hljs-class .hljs-title {
        color: #f8f8f2;
    }
    
    .hljs-string,
    .hljs-type,
    .hljs-built_in,
    .hljs-builtin-name,
    .hljs-selector-id,
    .hljs-selector-attr,
    .hljs-selector-pseudo,
    .hljs-addition,
    .hljs-variable,
    .hljs-template-variable {
        color: #e6db74;
    }
    
    .hljs-comment,
    .hljs-deletion,
    .hljs-meta {
        color: #75715e;
    }
    
    /* 黑色主题makedown代码结束 */
    
    
    /*makedown行间代码样式 */
    .cnblogs-markdown code {
        color: #c7254e;
        border: none !important;
        font-size: 1em !important;
        background-color: #f9f2f4 !important;
        font-family: sans-serif !important;
    }
    
    
  • 相关阅读:
    mariadb数据库galera群集配置
    视频降噪处理
    测试
    WPF RichTextBox
    WPF ListBox
    WPF SelectedIndex
    项目-答题
    Show 或者 ShowDialog时出现的错误
    项目-数据库实体生成器
    Alfred 使用教程
  • 原文地址:https://www.cnblogs.com/richerdyoung/p/12402945.html
Copyright © 2011-2022 走看看