javascript - 如何将另一个 html 文件添加到 github.io 页面中的现有 html 中？

Question

假设我在 username.github.io 中有一些 html 文件“index.html”、“learn.html”等，当我单击“index.html”时，它们都会呈现为 html。

现在，我在同一存储库的“mythmls/myhtml.html”中有另一个 html。如何将此 html 包含在“learn.html”中，以便当我单击链接时它将呈现“myhthml.html”文件的 html，而不仅仅是显示源代码？

尝试1
在 username.github.io/learn.html 中我添加了以下内容:

                    <h2><a name="Learn">Leetcode</h2>
                    <ul>
                      <li><a href="https://raw.githubusercontent.com/bhishanpdl/bhishanpdl.github.io/master/leetcode/lc_977.html">lc977</a></li>
                    </ul>
                    <br>

当我单击此链接时，它会为我提供原始 html 源代码，而不是 HTML 的渲染版本。

尝试2

               <div>
                <iframe src="lc_955.html" name="targetframe" allowTransparency="true" scrolling="yes" frameborder="0" >
                </iframe>
                </div>

这会在右上角给出一个空框，并显示 404 错误。

我对 HTML 很陌生，这就是我的文件 trying to edit .

我们是否必须为每个新的 html 文件创建一个新选项卡？

我们可以只创建一个选项卡并在其中放置一些链接，以便当我们单击该链接时它将呈现 html(不显示源代码)吗？

Answer 1

您给我们的链接指向 GitHub 上的一个页面，该页面显示源代码预览，而不是实际的 HTML 文件。原始文件的链接位于 raw.githubusercontent.com - 在您的情况下 here 。我通过单击 GitHub 页面上的 Raw 按钮获得了该链接。

但是，GitHub 使用 text/plain Content-Type header 来提供此页面，这意味着如果您链接到它，浏览器将不会将其理解为 HTML。 GitHub 这样做专门是为了防止这种滥用 - 您不应该使用 GitHub 来指向类似的其他存储库中的文件，因为太多原因而无法开始列出它们(首先是安全和效率问题)。

由于您不是此存储库的所有者，因此您无法知道它不会更改，因此您可以安全地将其文件作为 HTML 提供的唯一方法是将它们复制到您自己的存储库。但是，我在该存储库上没有看到许可证文件，这意味着您不得在未经授权的情况下复制其内容。