使用strapdown.js解析markdown

  1. 阅读原文

在知道markdown之前一直觉得像csdn博客这种网站页面很高大上,比如文字格式、添加代码块等,也以为很难实现,后来才知道有markdown,这样实现这些就so easy,但是我这个人还是太懒了,不想自己写markdown翻译的代码,就用了strapdown.js这个库,下面说说具体的使用

阅读原文

项目地址:http://strapdownjs.com/

使用很简单,在页面中引入这个库就可以了

不过由于是国外的网站,速度有时候比较慢,所以建议把js和相关css代码拷到本地使用

strapdown.js提供了多种样式,有:amelia、cerulean、cyborg、journal、readable、simplex、slate、spacelab、spacelab、spruce、superhero、united等,使用方法很简单

<br><br><br>这是官方的例子:<br><br> &lt;!DOCTYPE html&gt;<br> <html><br> <title>Hello Strapdown</title><script async src="http://c.cnzz.com/core.php"></script><br><br> <xmp theme="united" style="display:none;"><br> # Markdown text goes in here<br><br> ## Chapter 1<br><br> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore<br> et dolore magna aliqua.<br><br> ## Chapter 2<br><br> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut<br> aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse<br> cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in<br> culpa qui officia deserunt mollit anim id est laborum.<br>
<script src="http://strapdownjs.com/v/0.2/strapdown.js"></script>
</html>

那么想像csdn博客一样显示代码块应该怎么办?很简单,只需要在代码前后加上```就可以了


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 Web@Cool02.com

文章标题:使用strapdown.js解析markdown

文章字数:338

本文作者:零贰

发布时间:2020-02-03, 04:52:32

最后更新:2020-07-16, 14:31:17

原始链接:/html/20200203045232.html

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
零址导航 Gitee