1. 程式人生 > >如何在博客園上使用markdown

如何在博客園上使用markdown

checked AC info block row 引用 ask 數學 修正

目錄1

[Toc]

1. 打開markdown編輯器

在你的博客園首頁面選擇新隨筆,在編輯頁面左上角有設置默認編輯器,點擊選擇markdown即可。這時你已經可以編輯了,但你會註意到,編輯頁面是沒有預覽按鈕的,當然你也可以滑到最底部選擇保存為草稿,然後就可以查看了。如果你覺得很麻煩(確實麻煩),就可以尋找新的編輯工具或博客客戶端。

2. 尋找編輯工具

博客園有推薦專門的博客客戶端給我們,如windows Live Writer和Open Live Writer。但不幸的是這兩者都不支持markdown,我相信萬能的程序員已經開發出了用於博客的markdown工具,但我懶得找了。 我用的是有道雲筆記(是不是感覺很白癡),原因當然是因為安卓版的有道雲筆記也可以markdown,這樣就可以隨時隨地的編輯與修正。當然為知筆記也可以,但是收費,而且PC端不如有道方便,有道兩個窗口,為知一個,預覽還要按保存。其它還有很多更好更強大的編輯器,但是有道已經滿足我了。當然,你還需要將整篇內容復制到博客園的編輯器中去。下面講講語法,我會將有道的markdown和博客園的markdown比對,確保復制成功。

技術分享圖片

3. 基本語法

標題(#):

# 標題1
## 標題2
### 標題3
#### 標題4
##### 標題5
###### 標題6
###### 標題6 ######

標題1

標題2

標題3

標題4

標題5
標題6
標題6

列表(-,+,*,數字.):

- 條目1
    - 條目1.1
- 條目2
* 條目3
* 條目4
+ 條目5
1. 條目6
1. 條目7
  • 條目1
    • 條目1.1
  • 條目2
  • 條目3
  • 條目4
  • 條目5
  1. 條目6
  2. 條目7

鏈接與圖片:

[有道雲筆記](https://note.youdao.com/)

![image](https://note.youdao.com/favicon.ico)

有道雲筆記

技術分享圖片

註意:如果在兩句之間不加空行,就會這樣
有道雲筆記 技術分享圖片
這告訴我們換行和段落要一個以上空行,或者用\換行,其它地方也是此用法。

註意:使用圖片時,括號裏是圖片的網絡地址,或者說圖床。請自行查閱。

代碼塊和單行代碼

方法1:

```
public class HelloWorld{

}
```
public class HelloWorld{
    
}

方法2:

代碼塊2:

    public class Helloworld {
    
    }
    

代碼塊2:

public class Helloworld {
    
}
    

註意:建立代碼區塊,只要簡單地縮進 4 個空格或者 1個制表符就可以。一個代碼區塊會一直持續到沒有縮進的那一行(或是文件結尾)。方法2中,冒號下面要有一個或多個空行才行

方法3:

`int a = a + b;` 調用方法`printlf()`打印。

int a = a + b;調用方法printlf()打印。

int a = a + b; 調用方法printlf()打印。

int a = a + b;調用方法printlf()打印。

對比輸出上下兩行,是不是代碼更突出了呢。反引號:英文輸入模式下,ESC下面那個波浪鍵就是。

引用:

> 這是引用

這是引用

加粗,斜體等修飾:

*斜體*
**加粗**
~~刪除線~~
++下劃線++
==高亮==

斜體 加粗 刪除線 下劃線 高亮

分割線:

***
---
____



三個以上星號、減號、底線來建立一個分隔線,行內不能有其他東西

單選框:

- [x] 帶勾的
- [ ] 空的
  • 帶勾的

  • 空的

註意:博客園會在選擇框的前面多顯示一個圓點

目錄:

添加目錄很簡單,加入標記:

[Toc]

他會自動索引所有的標題和標題層次。本文就是在文首添加了該標記,但是很遺憾博客園好像不支持,或者我語法錯了?有道雲是可以的

腳註(跳轉):

 ## 目錄[^目錄]
[^目錄]:回到目錄

在文章開頭加上這兩行(兩個#無關,這是本文用來做標題的),要保證中括號[^標記名]裏面的標記名一樣,其余會照常顯示。 另外,有道雲編輯器要把這兩行調換一下才能用。本文用到了此功能,文末直接回到開頭。

其他

其它還有許多功能,如表格,圖等,這裏只介紹了常用的幾種,markdown可以轉換HTML,事實上也是轉換成HTML後顯示的,如果你遇到了難題,請試著了解其中的轉換規則。

數學公式:

```math
E = mc^2
```
E = mc^2

有道和github的 圖

技術分享圖片

表格:

header 1 header 2
row 1 col 1 row 1 col 2
row 2 col 1 row 2 col 2

4. markdown各軟件語法對比

有道雲和博客園:

很難受,語法是有一些不一樣的,用且僅用本文所展示的語法來說。

  • 有道雲很多標識符後面要加空格(#,*,-等),博客園不那麽嚴格
  • 博客園不支持目錄功能,而有道雲是可以的。
  • 對於腳註的用法,稍微也不一樣,簡單說,那兩行調換一下就好了。
  • 其它語法(限本文)都一樣

另一邊,就是顯示問題,確實不如其他的編輯器好看。

  • 引號顯示
  • 分割線顯示
  • 數學公式顯示
  • 選擇框顯示,博客園在前面多個圓點

另外,我把md用網頁版github打開看了看,更心累了,不支持目錄,下劃線,高亮,腳註,甚至圖片也沒能打開。其它編輯器沒試過。


  1. 回到目錄?

如何在博客園上使用markdown