我可以链接到外部 .md 文件并将其呈现为 html 中的文本吗？答案

【问题标题】：Can I link to an external .md file and have it render as text in html?我可以链接到外部 .md 文件并将其呈现为 html 中的文本吗？
【发布时间】：2018-03-26 21:48:13
【问题描述】：

我有一堆基于文本的项目，我在 github 上的 markdown 中的各种 repos 中工作。我还有一个 github 页面，我想用它来展示其中的一些项目。我想做的只是链接到他们各种 repos 中的当前原始降价文件（可在https://raw.githubusercontent.com/... 获得），并将其作为文本显示在我的 github 页面上。

基本上，我想要像<img> 标签一样工作的东西，但不是显示图像，而是将链接的降价文件显示为文本（理想情况下，带有格式）。这样我就不必每次更新主文件时都复制/粘贴它。

不过，使用 github 页面意味着我无法在服务器上安装任何东西（我认为）——该解决方案只需要按原样使用 html（我认为）。这可能吗？

【问题讨论】：

标签： html git github markdown github-pages

【解决方案1】：

如果您只能访问 html，最好的方法可能是通过 javascript markdown 解析器。

您最好的选择可能是marked（尽管还有很多其他的，例如markdown-js、showdownjs 和remarkable，但它们没有被广泛使用）。

至于以标签的样式呈现，标记的文档显示您可以在浏览器中使用它，如下所示：

<!doctype html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>Marked in the browser</title>
  <script src="lib/marked.js"></script>
</head>
<body>
  <div id="content"></div>
  <script>
    document.getElementById('content').innerHTML =
      marked('# Marked in browser\n\nRendered by **marked**.');
  </script>
</body>
</html>

这意味着您可以按照以下方式实施解决方案：

在要加载的降价文件中包含您自己的标签或类
加载 DOM 后，使用 javascript 到 search for that tag or class
异步加载markdown，通过marked运行解析成html
用渲染的html替换原始标签的内容

希望这足以为您指明正确的方向！

【讨论】：