如何在博客園寫第一篇博客

如何用markdown在博客園里發第一篇博客##

markdown是一種標記語言，在markdown編輯器中編輯好的內容會自動生成html代碼，將生成的文檔代碼拷貝到博客園的編輯器中，選擇發布即可。

初次使用博客園寫博客，以此作為記錄。

1.在博客園創建自己的博客###

具體創建博客見百度，略過

2.設置默認編輯器為markdown,並添加markdown的css樣式###

1）進入我的博客->右側管理->左側設置默認編輯器

2）博客設置->定制頁面css代碼，代碼如下（來源於網絡）：

.post{ color:#444; font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-size:13px; line-height:1.5em; padding:1em;
background:#fefefe; }

.post h1,.post h2,.post h3,.post h4,.post h5,.post h6 { font-weight: bold; }

.post h1 { color: #000000; font-size: 28px; }

.post h2 { color: #000000; font-size: 24px; }

.post h3 { font-size: 18px; }

h4 { font-size: 16px; }

.post h5 { font-size: 14px; }

.post h6 { color: #777777; background-color: inherit; font-size: 14px; }

.post hr { height: 0.2em; border: 0; color: #CCCCCC; background-color: #CCCCCC; }

.post p,.post blockquote,.post ul,.post ol,.post dl,.post li,.post table,.post pre { margin: 15px 0; }

.post p{ margin:1em 0; }

.post pre { background-color: #F8F8F8;
border: 1px solid #CCCCCC; border-radius: 3px; overflow: auto; padding: 5px; }

.post pre code ,.pose .xcode{ background-color: #F8F8F8; border: none;
padding: 0; }

.post code,.post .xcode { font-family: Consolas, Monaco, Andale Mono, monospace; background-color:#F8F8F8; border: 1px solid #CCCCCC; border-radius: 3px; padding: 0 0.2em; line-height: 1; }

.post pre > code { border: 0; margin: 0; padding: 0; }

.post a:focus{ outline: thin dotted; } .post a:hover, a:active{ outline: 0; }

.post ::-moz-selection{background:rgba(255,255,0,0.3);color:#000} .post ::selection{background:rgba(255,255,0,0.3);color:#000}

.post a::-moz-selection{background:rgba(255,255,0,0.3);color:#0645ad} .post a::selection{background:rgba(255,255,0,0.3);color:#0645ad}

.post blockquote{ color:#666666; margin:0; padding-left: 3em; border-left: 0.5em #EEE solid; }

.post ul,.post ol { margin: 1em 0; padding: 0 0 0 2em; } .post li p:last-child { margin:0 } .post dd { margin: 0 0 0 2em; }

.post img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width:100%;}

table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .post @media only screen and (min-width: 480px) { body{font-size:14px;} }

.post @media only screen and (min-width: 768px) { body{font-size:16px;} }

3.下載並安裝markdownpad###

markdownpad 2

下載后按提示進行安裝即可

4.打開markdown編輯器，編輯文檔###

打開編輯器后新建文檔，按照格式進行編寫，右側可看到效果，完成后直接拷貝左側編輯的內容

5.進入我的博客首頁添加新隨筆，發布###

點擊添加新隨筆，輸入標題，將之前拷貝的內容復制到博客園的編輯區，之后保存，發布。