經過 Highlightjs 修改代碼樣式css
注意編輯器須要爲 Markdownmarkdown
樣式預覽:https://highlightjs.org/static/demo/編輯器
樣式下載:https://files.cnblogs.com/files/-Tiger/highlight.zippost
或者在其官網下載也能夠:https://highlightjs.org/download/字體
(1)解壓壓縮包 =》 打開styles文件夾 =》 找到你想要使用的樣式css文件 (文件名爲樣式預覽Style名稱)ui
(2)替換文件中全部.hljs
爲 .cnblogs-markdown .hljs
注意中間要有空格,要否則效果會有問題。code
(1)博客園=》管理=》設置=》 頁面定製CSS代碼regexp
(2)將剛纔修改後代碼粘貼到此處,點擊保存blog
有可能部分屬性沒效果, 好比說背景色、字體顏色,經過使用 !important
來強制覆蓋。ip
好比說背景色沒生效,則修改:
.cnblogs-markdown .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #232323 !important; color: #e6e1dc; }
/* Railscasts-like style (c) Visoft, Inc. (Damien White) */ .cnblogs-markdown .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #232323 !important; color: #e6e1dc; } .cnblogs-markdown.hljs, .cnblogs-post-body .hljs { font-family: "Consolas",consolas !important; font-size: 13px!important; line-height: 1.5!important; padding: 6px!important; } .cnblogs-markdown .hljs-comment, .cnblogs-markdown .hljs-quote { color: #bc9458; font-style: italic; } .cnblogs-markdown .hljs-keyword, .cnblogs-markdown .hljs-selector-tag { color: #c26230; } .cnblogs-markdown .hljs-string, .cnblogs-markdown .hljs-number, .cnblogs-markdown .hljs-regexp, .cnblogs-markdown .hljs-variable, .cnblogs-markdown .hljs-template-variable { color: #a5c261; } .cnblogs-markdown .hljs-subst { color: #519f50; } .cnblogs-markdown .hljs-tag, .cnblogs-markdown .hljs-name { color: #e8bf6a; } .cnblogs-markdown .hljs-type { color: #da4939; } .cnblogs-markdown .hljs-symbol, .cnblogs-markdown .hljs-bullet, .cnblogs-markdown .hljs-built_in, .cnblogs-markdown .hljs-builtin-name, .cnblogs-markdown .hljs-attr, .cnblogs-markdown .hljs-link { color: #6d9cbe; } .cnblogs-markdown .hljs-params { color: #d0d0ff; } .cnblogs-markdown .hljs-attribute { color: #cda869; } .cnblogs-markdown .hljs-meta { color: #9b859d; } .cnblogs-markdown .hljs-title, .cnblogs-markdown .hljs-section { color: #ffc66d; } .cnblogs-markdown .hljs-addition { background-color: #144212; color: #e6e1dc; display: inline-block; width: 100%; } .cnblogs-markdown .hljs-deletion { background-color: #600; color: #e6e1dc; display: inline-block; width: 100%; } .cnblogs-markdown .hljs-selector-class { color: #9b703f; } .cnblogs-markdown .hljs-selector-id { color: #8b98ab; } .cnblogs-markdown .hljs-emphasis { font-style: italic; } .cnblogs-markdown .hljs-strong { font-weight: bold; font-size: 17px; color: black; } .cnblogs-markdown .hljs-link { text-decoration: underline; }