蒜碎念:看来我很喜欢在写博客之前先说说看。...之前做了《博客园自定义样式》的相关设置,博客园界面变得顺眼了一点。但是代码块看起来仍然很扭曲。看惯了黑主编,看不下去了。所以改变它。Tips:具体操作实现参考GitHub:https://github.com/RealAndMe/blogs-style1。highlight.js插件介绍代码高亮使用插件highlight.js,官网可以查看各种demo,highlight.js官网:https://highlightjs.org/static/demo/有很多漂亮的主题,你可以选择你喜欢的。2、操作步骤2-1。下载highlight首先去官网下载highlight.js,下载地址是https://highlightjs.org/。点击获取版本按钮,进入语言选择,查看您常用的语言。使用插件时,会自动检测显示的代码语言,并自动高亮显示。通常普通就够了。点击下载下载压缩包,然后解压2-2。开始修改Tips:因为直接导入解压后的样式会出现一些样式优先级冲突,需要做一些调整,所以不建议导入整个css文件,而是在页面自定义css功能更好,而且主题的css代码比较少。我选择的主题是MonokaiSublime。下面的介绍是根据我选择的主题来的。您也可以选择您喜欢的其他主题,操作基本相同。在刚刚下载解压的highlight.js的styles文件夹中找到你想要的主题文件,然后复制里面的css代码,粘贴到【管理】-【设置】-提交页面自定义css后,可能会有style优先级冲突,这里我简单粗暴的使用!important强制覆盖3.分享我的代码主题高亮设置/*我用的是MonokaiSublime的黑色主题皮肤,还是有样式冲突,需要自己修改这个样式,只适合用makedownBlogMonokaiSublime风格写。由noformnocontent从Monokai派生http://nn.mit-license.org/*/pre{/*控制代码不换行*/white-space:pre;word-wrap:normal;}.cnblogs-markdown.hljs{display:block;溢出:自动;填充:1.3em2em!重要;字体大小:16px!重要;背景:#272822!重要;颜色:#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{颜色:#a6e22e;}.hljs-strong{字体粗细:粗体;}.hljs-强调{字体样式:斜体;}.hljs-关键字,.hljs-选择器-标签,.hljs-名称,.hljs-attr{颜色:#f92672;}.hljs-符号,.hljs-属性{颜色:#66d9ef;}.hljs-params,.hljs-类.hljs-标题{颜色:#f8f8f2;}.hljs-字符串,.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;}/*黑色主题makedowncodeend*//*makedowninterlinecodestyle*/.cnblogs-markdown代码{color:#c7254e;边框:无!重要;字体大小:1em!重要;背景颜色:#f9f2f4!重要;font-family:sans-serif!important;}参考文章:小明同学:http://www.cnblogs.com/liuxianan/p/custom-cnblogs-highlight-theme.html
