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

时间:2016-09-24 02:06:33

标签: html git github markdown github-pages

我有一堆基于文本的项目,我在github上的markdown中处理各种repos。我还有一个github页面,我想用它来展示其中的一些项目。我想做的只是链接到各种回购中的当前原始markdown文件(可在https://raw.githubusercontent.com/..获得。),并在github页面上显示为文本。

基本上我想要一些像<img>标签一样的东西,但它不是显示图像,而是将链接的降价文件显示为文本(理想情况下,使用格式化)。这样我每次更新主服务器时都不必复制/粘贴它。

但是,使用github页面意味着我无法在服务器上安装任何东西(我认为) - 解决方案只需要按原样使用html(我认为)。这可能吗?

1 个答案:

答案 0 :(得分:2)

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

你最好的选择可能是marked(虽然还有很多其他的,例如markdown-jsshowdownjsremarkable,但它们并没有被广泛使用)

对于标记样式的渲染,标记的文档显示您可以在浏览器中使用它,如下所示:

<!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>

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

  1. 包含您自己的标记或类以及要加载的降价文件
  2. 加载DOM后,使用javascript到search for that tag or class
  3. 异步加载markdown并通过marked运行以将其解析为html
  4. 使用呈现的html
  5. 替换原始标记的内容

    希望这足以让你指出正确的方向!