Jquery 从GitHub README.md文件标记为HTML

我的目标是,

1） 从my GitHub repo的

README.md

文件中读取降价源代码。
2） 将标记转换为HTML代码。
3） 将输出HTML应用于

仅使用客户端技术

我知道如何使用jQuery将标记代码转换为HTML，但不知道如何从GitHub repo的README.MD文件中动态读取MD源代码

转到您的GitHub项目页面

单击您的

README.md

文件

现在单击Raw按钮

原始文件是您要加载的实际URL

创建一个名为

load.PHP

的PHP（或您正在使用的任何服务器端语言）文件，专门用于加载远程文件（如原始文件）。PHP脚本将接受一个

$\u GET['url']

变量。将变量传递到

文件\u get\u contents（）

，并输出结果。请注意，下面的代码是一个非常简单的示例

现在，只需使用jQuery中的

load

函数从PHP文件中引入数据内容。您的URL格式可能与此类似

.load("load.php?url=https://raw.github.com/user/project/master/README.md")

最后，使用您已经描述的任何方法转换为降价

• PHP

  file\u get\u contents（）

  ：
• jQuery

  load（）

  ：
• 有关绕过同源策略的详细信息：

从GitHub repo获取README.md文件的原始文件url

将url设置为以下格式：，

http://markdown.io/

。 假设我的readme.md文件的url是

http://raw.github.com/pankajparashar/nerdy-css/master/README.md

。因此，新url变为

http://markdown.io/http://raw.github.com/pankajparashar/nerdy-css/master/README.md

现在使用jQuery的加载方法使用这个新的url，并从页面的

#md content

id中提取内容

此处提供上述步骤的完整演示-已删除非工作链接

您应该查看：

它使用GitHub API通过以下调用检索自述文件的内容：

GET/repos/：owner/：repo/readme

然后转换base64加密内容

---

然后，它使用marked将标记内容转换为html。

值得注意的是，html确实在ReadMe.md文件中起作用。有了这个清晰的理解，我想很多这样的问题都会自动得到回答，比如-如何在自述文件中使用粗体字体，或者如何插入图像等等。还要注意，这在很大程度上取决于您使用的应用程序/文本编辑器，以及操作系统。最近，我在Github的Readme.md文件中插入空行字符时遇到了麻烦

我个人更喜欢那里的标签，我有一篇完整的帖子描述了这一点：

我已经在Github存储库中演示了git提交中的更改，并在文章中进行了解释。这一理解对于处理这个问题非常必要，同时也有助于发现为什么您可能需要这样做的其他用途

此外，要直接回答您的问题，您需要两个步骤： 1.在原始版本中查找ReadMe.md文件的Url。例如，请参见一个： 2.现在，如果您想使用服务器端，可以加载url。或者，如果要使用jquery，可以使用Load（）

请注意，若您确实查看了原始URL页面的源代码，您只会看到纯文本。所以，您也不需要做很多文本解析工作：）这是一个好消息

---

接下来，您可以使用unescape函数或工具（如codebeautify）来取消显示可以随HTML的外观而改变的字符，如“<”等。

谢谢，我知道jQuery.load（）的用法方法，但我无法发出跨域请求以获取原始文件，因为这是受限制的。好的，我更新了我的答案，说明了如何绕过同源策略。请让我知道这是否有帮助：）首先，感谢Mike的回答。但我想你没有正确阅读我的问题。我正在寻找一种“仅使用客户端技术”的方法。“尽管如此，我已经找到了一种方法，并将很快在这里给出答案。仅供参考，我在小提琴上看到一个错误，上面写着

阻止内容：很抱歉，但我们已决定阻止呈现此内容，如果您认为这是一个错误，请与我们联系

.load("load.php?url=https://raw.github.com/user/project/master/README.md")