我們程序員處處離不開英文，工作中有些高頻不認(rèn)識的單詞會在翻譯后記下來，但是一直用記事本太丑了(工作環(huán)境沒有網(wǎng)絡(luò))，于是我突然想到漂亮的markdown，畢竟它本身就是用html寫的，應(yīng)該很容易實現(xiàn)吧。。。

先上效果圖（使用Typora軟件寫的）

csdn的markdown效果：

• flexible

先簡單實現(xiàn)了基本需求，鼠標(biāo)懸停可查看單詞漢語意思，熟記的可以打上勾勾，很nice，比記事本好看漂亮多了。
附代碼：

***- [ ] <div title="通常">typically</div> - [ ] <div title="等級制度、層次結(jié)構(gòu)">hierarchy</div> - [ ] <div title="根源">origin</div> - [ ] <div title="靈活的">flexible</div> - [ ] <div title="可擴(kuò)展的">scalability</div> - [ ] <div title="性能">performance</div> - [ ] <div title="低延遲">latency</div> - [ ] <div title="并發(fā)性">concurrency</div> - [x] <div title="組件">Component</div> - [x] <div title="可靠的">reliable</div>***- [ ] <div title="外部的">externalized</div> - [ ] <div title="退化降級">degradation</div> - [ ] <div title="爭吵，辯論，論據(jù)">dynamically</div> - [ ] <div title="遭遇，偶遇">encounter</div> - [ ] <div title="碰撞">collisions</div> - [ ] <div title="批評的">critical</div> - [ ] <div title="補(bǔ)充">supplemental</div> - [ ] <div title="石英">quartz</div> - [ ] <div title="到期">expiration</div> - [ ] <div title="基礎(chǔ)的">Foundation</div>***

由于不同軟件的markdown語法不太一樣，具體可根據(jù)自己所用軟件幫助文檔改變語法，以及不是所有軟件都支持css或使用這個html來實現(xiàn)懸停顯示文字效果的。

總結(jié)

以上是生活随笔為你收集整理的使用Typora（markdown）实现单词薄的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。