#001 博客園的 MarkDown 代碼樣式如何設置

Markdown的代碼樣式如何設置？

一、問題描述

由於在WIZ中 寫Markdown格式的筆記，然后通用插件上傳到博客園，上傳之后，markdown的代碼樣式不見了，那么如何設置呢？

二、設置步驟

1. 進入博客園的后台管理

2. 把下面的CSS代碼，復制到這里面

1. /*markdown 代碼樣式*/
2. tt, code, kbd, samp {
3. font-family: consolas;
4. }
5. .prettyprint, pre.prettyprint {
6. background-color:#272822;
7. border:1px solid #272822;
8. overflow: hidden;
9. margin:10px0;
10. font-family:Helvetica,"Hiragino Sans GB","微軟雅黑","Microsoft YaHei UI",SimSun,SimHei, arial, sans-serif;
11. }
12. .prettyprint.linenums, pre.prettyprint.linenums {
13. -webkit-box-shadow: inset 40px00#39382E, inset 41px 0 0 #464741;
14. -moz-box-shadow: inset 40px00#39382E, inset 41px 0 0 #464741;
15. box-shadow: inset 40px00#39382E, inset 41px 0 0 #464741;
16. }
17. .prettyprint.linenums ol, pre.prettyprint.linenums ol {
18. padding-left:28px!important;
19. margin:0000px;
20. }
21. .prettyprint.linenums ol li, pre.prettyprint.linenums ol li {
22. padding-left:12px;
23. color:#bebec5;
24. line-height:20px;
25. margin-left:0;
26. margin:5px;
27. list-style:decimal;
28. }
29. .prettyprint .com {
30. color:#93a1a1;
31. }
32. .prettyprint .lit {
33. color:#AE81FF;
34. }
35. .prettyprint .pun,.prettyprint .opn,.prettyprint .clo {
36. color:#F8F8F2;
37. }
38. .prettyprint .fun {
39. color:#dc322f;
40. }
41. .prettyprint .str,.prettyprint .atv {
42. color:#E6DB74;
43. }
44. .prettyprint .kwd,.prettyprint .tag {
45. color:#F92659;
46. }
47. .prettyprint .typ,.prettyprint .atn,.prettyprint .dec,.prettyprint .var{
48. color:#A6E22E;
49. }
50. .prettyprint .pln {
51. color:#66D9EF;

3. 效果如下

結束：Ok了

之前一直糾結寫博客的時候，用什么編輯工具來寫比較方便，由於之前沒有找到，所有一直用 有道雲筆記做筆記。目前已經1300多篇了。

慢慢的需要整理到博客園上面了，目前使用 為知筆記來進行編寫，目前覺得還不錯。功能比有道雲筆記多，但是體驗不如有道雲筆記的好。

來自為知筆記(Wiz)