使用Typora（markdown）实现单词薄

我们程序员处处离不开英文，工作中有些高频不认识的单词会在翻译后记下来，但是一直用记事本太丑了(工作环境没有网络)，于是我突然想到漂亮的markdown，毕竟它本身就是用html写的，应该很容易实现吧。。。

先上效果图（使用Typora软件写的）

csdn的markdown效果：

• flexible

先简单实现了基本需求，鼠标悬停可查看单词汉语意思，熟记的可以打上勾勾，很nice，比记事本好看漂亮多了。
附代码：

***

- [ ] <div title="通常">typicallydiv>
- [ ] <div title="等级制度、层次结构">hierarchydiv>
- [ ] <div title="根源">origindiv>
- [ ] <div title="灵活的">flexiblediv>
- [ ] <div title="可扩展的">scalabilitydiv>
- [ ] <div title="性能">performancediv>
- [ ] <div title="低延迟">latencydiv>
- [ ] <div title="并发性">concurrencydiv>
- [x] <div title="组件">Componentdiv>
- [x] <div title="可靠的">reliablediv>

***

- [ ] <div title="外部的">externalizeddiv>
- [ ] <div title="退化降级">degradationdiv>
- [ ] <div title="争吵，辩论，论据">dynamicallydiv>
- [ ] <div title="遭遇，偶遇">encounterdiv>
- [ ] <div title="碰撞">collisionsdiv>
- [ ] <div title="批评的">criticaldiv>
- [ ] <div title="补充">supplementaldiv>
- [ ] <div title="石英">quartzdiv>
- [ ] <div title="到期">expirationdiv>
- [ ] <div title="基础的">Foundationdiv>

***

由于不同软件的markdown语法不太一样，具体可根据自己所用软件帮助文档改变语法，以及不是所有软件都支持css或使用这个html来实现悬停显示文字效果的。