结合了官方给出css的代码块渲染和一个简洁的style，效果如图。
/*Google Code style (c) Aahan Krish <geekpanth3r@>*/.hljs {display: block;overflow-x: auto;padding: 0.5em;background: #fefbf0;color: black;}.hljs-comment,.hljs-quote {color: #800;}.hljs-keyword,.hljs-selector-tag,.hljs-section,.hljs-title,.hljs-name {color: #008;}.hljs-variable,.hljs-template-variable {color: #660;}.hljs-string,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-regexp {color: #080;}.hljs-literal,.hljs-symbol,.hljs-bullet,.hljs-meta,.hljs-number,.hljs-link {color: #066;}.hljs-title,.hljs-doctag,.hljs-type,.hljs-attr,.hljs-built_in,.hljs-builtin-name,.hljs-params {color: #606;}.hljs-attribute,.hljs-subst {color: #000;}.hljs-formula {background-color: #eee;font-style: italic;}.hljs-selector-id,.hljs-selector-class {color: #9B703F}.hljs-addition {background-color: #baeeba;}.hljs-deletion {background-color: #ffc8bd;}.hljs-doctag,.hljs-strong {font-weight: bold;}.hljs-emphasis {font-style: italic;}html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }body{color:#444;font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;font-size:13px;line-height:1.5em;padding:1em;margin:auto;max-width:42em;background:#fefefe;}h1, h2, h3, h4, h5, h6 {font-weight: bold;}h1 {color: #000000;font-size: 22px;<font face="黑体">}h2 {border-bottom: 2px solid #CCCCCC;color: #000000;font-size: 19px;<font face="黑体">}h3 {border-bottom: 2px solid #CCCCCC;font-size: 16px;<font face="黑体">}h4 {font-size: 16px;}h5 {font-size: 16px;}h6 {color: #777777;background-color: inherit;font-size: 16px;}hr {height: 0.2em;border: 0;color: #CCCCCC;background-color: #CCCCCC;}p, blockquote, ul, ol, dl, li, table, pre {margin: 15px 0;}p{margin:1em 0;}pre { background-color: #F8F8F8; border: 1px solid #CCCCCC;border-radius: 3px;overflow: auto;padding: 5px;}pre code {background-color: #F8F8F8;border: none; padding: 0;}code {font-family: Consolas, Monaco, Andale Mono, monospace;background-color:#F8F8F8;border: 1px solid #CCCCCC;border-radius: 3px;padding: 0 0.2em;line-height: 1;}pre > code {border: 0;margin: 0;padding: 0;}a{ color: #0645ad; text-decoration:none;}a:visited{ color: #0b0080; }a:hover{ color: #06e; }a:active{ color:#faa700; }a:focus{ outline: thin dotted; }a:hover, a:active{ outline: 0; }::-moz-selection{background:rgba(255,255,0,0.3);color:#000}::selection{background:rgba(255,255,0,0.3);color:#000}a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad}a::selection{background:rgba(255,255,0,0.3);color:#0645ad}blockquote{color:#666666;margin:0;padding-left: 3em;border-left: 0.5em #EEE solid;}ul, ol { margin: 1em 0; padding: 0 0 0 2em; }li p:last-child { margin:0 }dd { margin: 0 0 0 2em; }img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width:100%;}table { border-collapse: collapse; border-spacing: 0; }td { vertical-align: top; }@media only screen and (min-width: 480px) {body{font-size:14px;}}@media only screen and (min-width: 768px) {body{font-size:16px;}}
