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

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

csdn的markdown效果：

• flexible

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

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。