当我们需要去写大量的技术文档的时候,你肯定不愿意用html一个个页面去写,然后再去调样式。那么简洁高效的markdown语法,你不仿试试。
这里我们不再介绍markdown语法,如果你还不了解,点击这里Markdown语法浅析。
好了,进入正题,我们来搞一件比较有趣的事情。
一、html语法转化成markdown显示
首先,你需要引入markdown.css下载地址:
1 | <link rel="stylesheet" href="../css/markdown.css"> |
其次,照常编写你的html代码
1 | <h2 id="section-2">第一部分</h2> |
最后,我们来看一下效果:
二、html显示成类似 Markdown 纯文本的形式
markdown.css下载地址 是一个很有意思的 CSS 样式表。它可以让 html 显示成类似 markdown 纯文本的形式。
请注意和标题一中的markdown.css区别
用法类似,首先引入markdown.css文件;
1 | <link rel="stylesheet" href="../css/markdown.css"> |
其次,编写html规则:
1 | <h2 id="section-1">第一部分</h2> |
最后,我们来看一下效果:
三、在线转换工具
当然,我们也可以依赖在线工具来做一些简单的转换,以适应不同的应用场景。
http://www.atool.org/html2markdown.php
四、本地编写markdown语法,编译成html语法显示
下面介绍一种逼格较高的方式:(官网地址)
Strapdown.js makes it embarrassingly simple to create elegant Markdown documents.
1 |
|
好了,这样你就可以向往常一样使用简单的markdown语法了。
五、其他
https://github.com/showdownjs/showdown
http://www.cnblogs.com/yunfeifei/p/4482495.html
http://showdownjs.github.io/demo/
http://www.tuicool.com/articles/Q7jQFjZ