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>
参考
-------------------------------------------
Wish you all the best and good health in 2021.