js 解析 Markdown 文件并在前端显示

2021/06/15 09:30 Web 极四维博客 826 1
😂 这篇文章最后更新于1138天前，您需要注意相关的内容是否还可用。

需要 js：
1、jquery.min
2、marked.min.js
可点击下载 js：https://hik.lanzoui.com/iBqQeq7hlta

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>README</title>
    <link type="text/css" rel="stylesheet" href="css/markdown.css">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/marked.min.js"></script>
</head>
<body>
    <div id="content" class="markdown-body"></div>
</body>
<script>
    $(document).ready(function(){
        // 读取 md 文件 显示
        $.ajax({
            url: "README.md",//md 文件位置
            type: "GET",// 请求方式为 get
            dataType: "text", // 返回数据格式为 text
            async: false,
            success: function (data) {// 请求成功完成后要执行的方法 
                $("#content").html(marked(data));
                $('a').attr("target","_blank");
            }
        })
    })
</script>
</html>

声明：本文由极四维博客发布，如需转载请注明出处。