天天看點

如何使用CSDN-markdown編輯器

本Markdown編輯器使用StackEdit修改而來,用它寫部落格,将會帶來全新的體驗哦:

  • Markdown和擴充Markdown簡潔的文法
  • 代碼塊高亮
  • 圖檔連結和圖檔上傳
  • LaTex數學公式
  • UML序列圖和流程圖
  • 離線寫部落格
  • 導入導出Markdown檔案
  • 豐富的快捷鍵

快捷鍵

  • 加粗

    Ctrl + B

  • 斜體

    Ctrl + I

  • 引用

    Ctrl + Q

  • 插傳入連結接

    Ctrl + L

  • 插入代碼

    Ctrl + K

  • 插入圖檔

    Ctrl + G

  • 提升标題

    Ctrl + H

  • 有序清單

    Ctrl + O

  • 無序清單

    Ctrl + U

  • 橫線

    Ctrl + R

  • 撤銷

    Ctrl + Z

  • 重做

    Ctrl + Y

Markdown及擴充

Markdown 是一種輕量級标記語言,它允許人們使用易讀易寫的純文字格式編寫文檔,然後轉換成格式豐富的HTML頁面。 —— [ 維基百科 ]

使用簡單的符号辨別不同的标題,将某些文字标記為粗體或者斜體,建立一個連結等,詳細文法參考幫助?。

本編輯器支援 Markdown Extra ,  擴充了很多好用的功能。具體請參考Github.

表格

Markdown Extra 表格文法:

項目 價格
Computer $1600
Phone $12
Pipe $1

可以使用冒号來定義對齊方式:

項目 價格 數量
Computer 1600 元 5
Phone 12 元 12
Pipe 1 元 234

定義清單

Markdown Extra 定義清單文法: 項目1 項目2
定義 A
定義 B
項目3
定義 C
定義 D
定義D内容

代碼塊

代碼塊文法遵循标準markdown代碼,例如:

@requires_authorization
def somefunc(param1='', param2=):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + ) or None
class SomeClass:
    pass
>>> message = '''interpreter
... prompt'''
           

腳注

生成一個腳注1.

目錄

[TOC]

來生成目錄:

    • 快捷鍵
    • Markdown及擴充
      • 表格
      • 定義清單
      • 代碼塊
      • 腳注
      • 目錄
      • 數學公式
      • UML 圖:
    • 離線寫部落格
    • 浏覽器相容

數學公式

使用MathJax渲染LaTex 數學公式,詳見math.stackexchange.com.

  • 行内公式,數學公式為: Γ(n)=(n−1)!∀n∈N Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N 。
  • 塊級公式:

x=−b±b2−4ac−−−−−−−√2a x = − b ± b 2 − 4 a c 2 a

更多LaTex文法請參考 這兒.

UML 圖:

可以渲染序列圖:

或者流程圖:

  • 關于 序列圖 文法,參考 這兒,
  • 關于 流程圖 文法,參考 這兒.

離線寫部落格

即使使用者在沒有網絡的情況下,也可以通過本編輯器離線寫部落格(直接在曾經使用過的浏覽器中輸入write.blog.csdn.net/mdeditor即可。Markdown編輯器使用浏覽器離線存儲将内容儲存在本地。

使用者寫部落格的過程中,内容實時儲存在浏覽器緩存中,在使用者關閉浏覽器或者其它異常情況下,内容不會丢失。使用者再次打開浏覽器時,會顯示上次使用者正在編輯的沒有發表的内容。

部落格發表後,本地緩存将被删除。 

使用者可以選擇 把正在寫的部落格儲存到伺服器草稿箱,即使換浏覽器或者清除緩存,内容也不會丢失。

注意:雖然浏覽器存儲大部分時候都比較可靠,但為了您的資料安全,在聯網後,請務必及時發表或者儲存到伺服器草稿箱。

浏覽器相容

  1. 目前,本編輯器對Chrome浏覽器支援最為完整。建議大家使用較新版本的Chrome。
  2. IE9以下不支援
  3. IE9,10,11存在以下問題
    1. 不支援離線功能
    2. IE9不支援檔案導入導出
    3. IE10不支援拖拽檔案導入
  1. 這裡是 腳注 的 内容. ↩

繼續閱讀