#001 博客园的 MarkDown 代码样式如何设置

Markdown的代码样式如何设置？

一、问题描述

由于在WIZ中 写Markdown格式的笔记，然后通用插件上传到博客园，上传之后，markdown的代码样式不见了，那么如何设置呢？

二、设置步骤

1. 进入博客园的后台管理

2. 把下面的CSS代码，复制到这里面

  
  
  
  

   
   
   
   
 /*markdown 代码样式*/
   
   
   
   
tt, code, kbd, samp {
   
   
   
   
 font-family: consolas;
   
   
   
   
}
   
   
   
   
.prettyprint, pre.prettyprint {
   
   
   
   
 background-color: #272822;
   
   
   
   
 border: 1px solid #272822;
   
   
   
   
 overflow: hidden;
   
   
   
   
 margin: 10px 0;
   
   
   
   
 font-family: Helvetica, "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei UI", SimSun, SimHei, arial, sans-serif;
   
   
   
   
}
   
   
   
   
.prettyprint.linenums, pre.prettyprint.linenums {
   
   
   
   
 -webkit-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
   
   
   
   
 -moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
   
   
   
   
 box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;
   
   
   
   
}
   
   
   
   
.prettyprint.linenums ol, pre.prettyprint.linenums ol {
   
   
   
   
 padding-left: 28px !important;
   
   
   
   
 margin: 0 0 0 0px;
   
   
   
   
}
   
   
   
   
.prettyprint.linenums ol li, pre.prettyprint.linenums ol li {
   
   
   
   
 padding-left: 12px;
   
   
   
   
 color: #bebec5;
   
   
   
   
 line-height: 20px;
   
   
   
   
 margin-left: 0;
   
   
   
   
 margin: 5px;
   
   
   
   
 list-style: decimal;
   
   
   
   
}
   
   
   
   
.prettyprint .com {
   
   
   
   
 color: #93a1a1;
   
   
   
   
}
   
   
   
   
.prettyprint .lit {
   
   
   
   
 color: #AE81FF;
   
   
   
   
}
   
   
   
   
.prettyprint .pun, .prettyprint .opn, .prettyprint .clo {
   
   
   
   
 color: #F8F8F2;
   
   
   
   
}
   
   
   
   
.prettyprint .fun {
   
   
   
   
 color: #dc322f;
   
   
   
   
}
   
   
   
   
.prettyprint .str, .prettyprint .atv {
   
   
   
   
 color: #E6DB74;
   
   
   
   
}
   
   
   
   
.prettyprint .kwd, .prettyprint .tag {
   
   
   
   
 color: #F92659;
   
   
   
   
}
   
   
   
   
.prettyprint .typ, .prettyprint .atn, .prettyprint .dec, .prettyprint .var {
   
   
   
   
 color: #A6E22E;
   
   
   
   
}
   
   
   
   
.prettyprint .pln {
   
   
   
   
 color: #66D9EF;
  
  
  
  

3. 效果如下

结束：Ok了

之前一直纠结写博客的时候，用什么编辑工具来写比较方便，由于之前没有找到，所有一直用 有道云笔记做笔记。目前已经1300多篇了。

慢慢的需要整理到博客园上面了，目前使用 为知笔记来进行编写，目前觉得还不错。功能比有道云笔记多，但是体验不如有道云笔记的好。

来自为知笔记(Wiz)