博客園如何使用MarkDown

如何使用博客園下的markdown:
http://www.javashuo.com/article/p-zhwkwayz-dq.html
博客園的 MarkDown 代碼樣式如何設置
https://www.cnblogs.com/zhongxia/p/26b4b061f2a47518681bcdd4ff89c344.html
博客園 Markdown 編輯器指南
http://www.cnblogs.com/qiaogaojian/p/6132433.html
如何在博客園上使用markdown
http://www.mamicode.com/info-detail-2241799.htmlhtml

  1. 打開markdown編輯器
    在你的博客園首頁面選擇新隨筆,在編輯頁面左上角有設置默認編輯器,點擊選擇markdown便可。這時你已經能夠編輯了,但編輯頁面是沒有預覽按鈕的,固然你也能夠滑到最底部選擇保存爲草稿,而後就能夠查看了。
    進入博客園的後臺管理
  2. 把下面的CSS代碼,複製到這裏面

    /markdown 代碼樣式/
    tt, code, kbd, samp {
    font-family: consolas;
    }
    .prettyprint, pre.prettyprint {
    background-color:#272822;
    border:1px solid #272822;
    overflow: hidden;
    margin:10px0;
    font-family:Helvetica,"Hiragino Sans GB","微軟雅黑","Microsoft YaHei UI",SimSun,SimHei, arial, sans-serif;
    }
    .prettyprint.linenums, pre.prettyprint.linenums {
    -webkit-box-shadow: inset 40px00#39382E, inset 41px 0 0 #464741;
    -moz-box-shadow: inset 40px00#39382E, inset 41px 0 0 #464741;
    box-shadow: inset 40px00#39382E, inset 41px 0 0 #464741;
    }
    .prettyprint.linenums ol, pre.prettyprint.linenums ol {
    padding-left:28px!important;
    margin:0000px;
    }
    .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.複製.md源碼到內容框,存爲草稿,預覽web

相關文章
相關標籤/搜索