美文网首页JavaScriptHTML
在HTML中引入markdown

在HTML中引入markdown

作者: Lia代码猪崽 | 来源:发表于2018-07-31 15:05 被阅读430次

    将会用到marked,它能将markdown语法转化为html语法。
    其次,为了更方便的加载到.md文件,还引用了jquery

    一、下载依赖

    npm install marked
    

    二、引入依赖

    <script src="./Static/js/lib/jquery.min.js"></script>
    <script src="./Static/js/lib/marked.min.js"></script>
    

    三、使用

    <div id="content"></div>
    
    <script>
        $.get('./Static/md/index.md', function(response, status, xhr){
            $("#content").html(marked(response));
        });
    </script>
    

    如果一些样式无法再markdown里实现的,可以写成html,然后用css实现想要的样式。

    相关文章

      网友评论

        本文标题:在HTML中引入markdown

        本文链接:https://www.haomeiwen.com/subject/ezkhvftx.html