Wu Yudong's Blog

在网页中使用Markdown来格式化文本是一种非常流行的做法，特别是在博客、文档和论坛等场景中。如果你想在网页的指定div中使用Markdown来展示内容，你可以通过以下几种方法来实现：

1. 使用JavaScript库

最简单的方法是使用JavaScript库，如marked或markdown-it，这些库可以将Markdown文本转换为HTML。

示例：使用marked

首先，你需要引入marked库。你可以通过CDN引入：

<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>

然后，你可以使用JavaScript将Markdown文本转换为HTML，并设置到指定的div中：

<div id="markdown-content"></div>

<script>
  var markdownContent = `
# 这是一个标题

这是一个段落。

- 列表项1
- 列表项2
  `;

  var htmlContent = marked(markdownContent);
  document.getElementById('markdown-content').innerHTML = htmlContent;
</script>