js markdown渲染成网页

作者：

在

<!DOCTYPE html>
<html lang="en">
<script src="/markdown_to_html/cdn.jsdelivr.net_npm_marked_marked.min.js"></script>
<script src="./prism.js"></script>
<link rel="stylesheet" href="./prism.css">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>markdown转html</title>
</head>

<body>
    <div id="container"></div>
    <script>
        fetch('./Conqueror-sBlade/活动副本【叛军强袭】.md')
            .then(response => response.text())
            .then(data => {
                // 在这里处理Markdown文件内容
                const html = marked.parse(data);
                const container = document.getElementById('container');
                container.innerHTML = html;
                Prism.highlightAll()
            });
    </script>
</body>
</html>

做了一个本地使用的markdown应用，希望离网的情况下能够预览markdown文件，我的md文档都是直接使用typora拖拽进来的，用的相对路径，使用js prism渲染markdown后图片无法显示，其中的图片链接换成http或者https的方法才能够显示出来。

评论

发表回复取消回复

更多文章