欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

使用Typora(markdown)实现单词薄

发布时间:2023/12/29 编程问答 27 豆豆
生活随笔 收集整理的这篇文章主要介绍了 使用Typora(markdown)实现单词薄 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

我们程序员处处离不开英文,工作中有些高频不认识的单词会在翻译后记下来,但是一直用记事本太丑了(工作环境没有网络),于是我突然想到漂亮的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)实现单词薄的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。