歡迎使用markdown編輯器

  • 2019 年 10 月 10 日
  • 筆記

歡迎使用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=0):      '''A docstring'''      if param1 > param2: # interesting          print 'Greater'      return (param2 - param1 + 1) or None  class SomeClass:      pass  >>> message = '''interpreter  ... prompt'''

腳註

生成一個腳註1.

目錄

[TOC]來生成目錄:

數學公式

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

  • 行內公式,數學公式為:Γ(n)=(n−1)!∀n∈NΓ(n)=(n−1)!∀n∈NGamma(n) = (n-1)!quadforall ninmathbb N。
  • 塊級公式:

x=−b±b2−4ac−−−−−−−√2ax=−b±b2−4ac2a

x = dfrac{-b pm sqrt{b^2 – 4ac}}{2a}

更多LaTex語法請參考 這兒.

UML 圖:

可以渲染序列圖:

Created with Raphaël 2.1.2張三張三李四李四嘿,小四兒, 寫部落格了沒?李四愣了一下,說:忙得吐血,哪有時間寫。

或者流程圖:

Created with Raphaël 2.1.2開始我的操作確認?結束yesno

  • 關於 序列圖 語法,參考 這兒,
  • 關於 流程圖 語法,參考 這兒.

離線寫部落格

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

用戶寫部落格的過程中,內容實時保存在瀏覽器快取中,在用戶關閉瀏覽器或者其它異常情況下,內容不會丟失。用戶再次打開瀏覽器時,會顯示上次用戶正在編輯的沒有發表的內容。

部落格發表後,本地快取將被刪除。 

用戶可以選擇 把正在寫的部落格保存到伺服器草稿箱,即使換瀏覽器或者清除快取,內容也不會丟失。

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

瀏覽器兼容

  1. 目前,本編輯器對Chrome瀏覽器支援最為完整。建議大家使用較新版本的Chrome。
  2. IE9以下不支援
  3. IE9,10,11存在以下問題
    1. 不支援離線功能
    2. IE9不支援文件導入導出
    3. IE10不支援拖拽文件導入