• Markdown,让你的代码高亮起来


    当你的审美提高或者习惯了Linux下的黑色代码高亮,已经不满足与博客园原有的代码高亮,那么这篇博客就是你的选择。

    代码块高亮

    代码块Highlight
     /*
    使用了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代码结束 */

    Markdown 高级技巧

    不在 Markdown 涵盖范围之内的标签,都可以直接在文档里面用 HTML编写。而且最好用HTML编写,这样也能学习HTML。

    <details>
        <summary>  代码块Highlight  </summary>
            <pre><code>
    
                /* code */
    
            </code></pre>
    </details>
    

    参考

    Markdown解析

    黑色主题Highlight

    作者:yusq77

    -------------------------------------------

    Wish you all the best and good health in 2021.

  • 相关阅读:
    Resharper Visual studio中的插件
    MVC 中Simditor上传本地图片
    MVC编程模型
    数据库面试题
    SQL、索引
    存储过程详解
    EF的简单认识
    MVC是什么
    AOP面向切面编程
    SQL语句基本
  • 原文地址:https://www.cnblogs.com/yusq77/p/10944965.html
Copyright © 2020-2023  润新知