首頁(yè)技術(shù)文章正文

使用CSDN-markdown編輯器

更新時(shí)間:2018-07-20 來(lái)源:黑馬程序員JavaEE培訓(xùn)學(xué)院 瀏覽量:

本Markdown編輯器使用StackEdit修改而來(lái),用它寫(xiě)博客,將會(huì)帶來(lái)全新的體驗(yàn)哦:

· Markdown和擴(kuò)展Markdown簡(jiǎn)潔的語(yǔ)法

· 代碼塊高亮

· 圖片鏈接和圖片上傳

· LaTex數(shù)學(xué)公式

· UML序列圖和流程圖

· 離線寫(xiě)博客

· 導(dǎo)入導(dǎo)出Markdown文件

· 豐富的快捷鍵

快捷鍵

· 加粗 Ctrl + B

· 斜體 Ctrl + I

· 引用 Ctrl + Q

· 插入鏈接 Ctrl + L

· 插入代碼 Ctrl + K

· 插入圖片 Ctrl + G

· 提升標(biāo)題 Ctrl + H

· 有序列表 Ctrl + O

· 無(wú)序列表 Ctrl + U

· 橫線 Ctrl + R

· 撤銷 Ctrl + Z

· 重做 Ctrl + Y

Markdown及擴(kuò)展

Markdown 是一種輕量級(jí)標(biāo)記語(yǔ)言,它允許人們使用易讀易寫(xiě)的純文本格式編寫(xiě)文檔,然后轉(zhuǎn)換成格式豐富的HTML頁(yè)面。 —— [ 維基百科 ]

使用簡(jiǎn)單的符號(hào)標(biāo)識(shí)不同的標(biāo)題,將某些文字標(biāo)記為粗體或者斜體,創(chuàng)建一個(gè)鏈接等,詳細(xì)語(yǔ)法參考幫助?。

本編輯器支持 Markdown Extra ,  擴(kuò)展了很多好用的功能。具體請(qǐng)參考Github.

表格

Markdown Extra 表格語(yǔ)法:

項(xiàng)目

價(jià)格

 

Computer

$1600

 

Phone

$12

 

Pipe

$1

可以使用冒號(hào)來(lái)定義對(duì)齊方式:

項(xiàng)目

價(jià)格

數(shù)量

 

Computer

1600 元

5

 

Phone

12 元

12

 

Pipe

1 元

234

定義列表Markdown Extra 定義列表語(yǔ)法:項(xiàng)目1項(xiàng)目2定義 A定義 B項(xiàng)目3定義 C

定義 D

定義D內(nèi)容

代碼塊

代碼塊語(yǔ)法遵循標(biāo)準(zhǔn)markdown代碼,例如:

@requires_authorizationdef somefunc(param1='', param2=0):    '''A docstring'''    if param1 > param2: # interesting        print 'Greater'    return (param2 - param1 + 1) or Noneclass SomeClass:    pass>>> message = '''interpreter... prompt'''

· 1

· 2

· 3

· 4

· 5

· 6

· 7

· 8

· 9

· 10

腳注

生成一個(gè)腳注1.

目錄

用 [TOC]來(lái)生成目錄:

歡迎使用Markdown編輯器寫(xiě)博客

· 快捷鍵

· Markdown及擴(kuò)展

· 表格

· 定義列表

· 代碼塊

· 腳注

· 目錄

· 數(shù)學(xué)公式

· UML 圖:

· 離線寫(xiě)博客

· 瀏覽器兼容


數(shù)學(xué)公式

使用MathJax渲染LaTex 數(shù)學(xué)公式,詳見(jiàn)math.stackexchange.com.

· 行內(nèi)公式,數(shù)學(xué)公式為:Γ(n)=(n?1)!?n∈NΓ(n)=(n?1)!?n∈N。

· 塊級(jí)公式:

 

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

更多LaTex語(yǔ)法請(qǐng)參考 這兒.

UML 圖:

可以渲染序列圖:

張三張三李四李四嘿,小四兒, 寫(xiě)博客了沒(méi)?李四愣了一下,說(shuō):忙得吐血,哪有時(shí)間寫(xiě)。

或者流程圖:

開(kāi)始我的操作確認(rèn)?結(jié)束yesno

· 關(guān)于 序列圖 語(yǔ)法,參考 這兒,

· 關(guān)于 流程圖 語(yǔ)法,參考 這兒.

離線寫(xiě)博客

即使用戶在沒(méi)有網(wǎng)絡(luò)的情況下,也可以通過(guò)本編輯器離線寫(xiě)博客(直接在曾經(jīng)使用過(guò)的瀏覽器中輸入write.blog.csdn.net/mdeditor即可。Markdown編輯器使用瀏覽器離線存儲(chǔ)將內(nèi)容保存在本地。

用戶寫(xiě)博客的過(guò)程中,內(nèi)容實(shí)時(shí)保存在瀏覽器緩存中,在用戶關(guān)閉瀏覽器或者其它異常情況下,內(nèi)容不會(huì)丟失。用戶再次打開(kāi)瀏覽器時(shí),會(huì)顯示上次用戶正在編輯的沒(méi)有發(fā)表的內(nèi)容。

博客發(fā)表后,本地緩存將被刪除?!?br/>

用戶可以選擇 把正在寫(xiě)的博客保存到服務(wù)器草稿箱,即使換瀏覽器或者清除緩存,內(nèi)容也不會(huì)丟失。

注意:雖然瀏覽器存儲(chǔ)大部分時(shí)候都比較可靠,但為了您的數(shù)據(jù)安全,在聯(lián)網(wǎng)后,請(qǐng)務(wù)必及時(shí)發(fā)表或者保存到服務(wù)器草稿箱。

瀏覽器兼容

· 目前,本編輯器對(duì)Chrome瀏覽器支持最為完整。建議大家使用較新版本的Chrome。

· IE9以下不支持

· IE9,10,11存在以下問(wèn)題 

· 不支持離線功能

· IE9不支持文件導(dǎo)入導(dǎo)出

· IE10不支持拖拽文件導(dǎo)入

1.這里是 腳注 的 內(nèi)容. ?

本文版權(quán)歸黑馬程序員JavaEE學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請(qǐng)注明作者出處。謝謝!

作者:黑馬程序員JavaEE培訓(xùn)學(xué)院

首發(fā):http://java.itheima.com/


分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!