markdown編輯器開發(fā)進(jìn)展

截止到昨天，我之前說的markdown編輯器基本上完成了，當(dāng)然目前的功能還比較初級(jí)，但是日常編輯的話，是完全夠用的。

目前，syskedown主要是基于vditor實(shí)現(xiàn)的，雖然在編輯和使用上和typora很像，但是實(shí)際體驗(yàn)，個(gè)人感覺還是沒有typora用起來爽，至少體驗(yàn)上是這樣的。當(dāng)然vditor也算是一個(gè)特別優(yōu)秀的markdown編輯器了，比較目前還沒有更好的開源項(xiàng)目，但是文檔確實(shí)寫的不好，這一路踩了不少坑。后面的話，我應(yīng)該還會(huì)試著用其他的markdown編輯器來實(shí)現(xiàn)，現(xiàn)階段的話，先考慮把基礎(chǔ)功能做完，然后再慢慢打磨。

先說下目前實(shí)現(xiàn)的功能：

已實(shí)現(xiàn)功能

• 基本的markdown編輯和解析
• 部分快捷鍵操作：各級(jí)標(biāo)題的快捷操作
• 大綱功能：不過目前這個(gè)功能比較簡(jiǎn)陋
• markdown右鍵打開

尚需完善功能

• 其他快捷編輯（包括菜單支持）：比如代碼塊、加粗、斜線、下劃線等
• github文檔同步：這也是我最初計(jì)劃要加入的功能
• 字?jǐn)?shù)統(tǒng)計(jì)功能
• 支持生成微信公眾號(hào)樣式

快捷鍵

目前邊界這塊已經(jīng)支持了各級(jí)標(biāo)題的快捷操作：

• 一級(jí)標(biāo)題: ctrl + 1

• 二級(jí)標(biāo)題: ctrl + 2

• 三級(jí)標(biāo)題: ctrl + 3

• 四級(jí)標(biāo)題: ctrl + 4

• 五級(jí)標(biāo)題: ctrl + 5

• 六級(jí)標(biāo)題: ctrl + 6

  其他快捷鍵

• 顯示/隱藏側(cè)邊欄：ctrl + shift + L

試用截圖

有興趣的小伙伴可以下載下來試用下，不過目前功能還不完善，很多markdown語法都需要自己手寫，這樣體驗(yàn)可能不是特別好，不過可以等我慢慢打磨：

項(xiàng)目地址：

https://github.com/Syske/syskedown 目前我只打包了windows的安裝包，下載地址如下：

https://github.com/Syske/syskedown/releases/tag/v1.0.0

其他環(huán)境的安裝包可能需要小伙伴自己動(dòng)手了，打包命令稍微有一點(diǎn)點(diǎn)復(fù)雜，需要安裝electron-forge、electron和npm環(huán)境，然后執(zhí)行如下命令：

?npm?run?package

鬼知道我為了完成這個(gè)項(xiàng)目學(xué)了多少東西，但是整個(gè)過程來看，也感覺蠻有趣的：對(duì)一門技術(shù)從陌生到熟悉，再到慢慢入門，然后將一切都聯(lián)系起來，最后恍然大悟，還做出了一點(diǎn)點(diǎn)成績(jī)，感覺也不虧。

哦，對(duì)了，今天的內(nèi)容我就是通過syskedown完成的，后面我會(huì)盡可能去打磨它，讓它成為我心目中期待的markdown編輯器，畢竟顏值才是第一生產(chǎn)力嘛??