如何在 github.io 页面中向现有 html 添加另一个 html 文件？

Question

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

现在，我在同一个存储库的“mythmls/myhtml.html”中有另一个 html。如何在“learn.html”中包含这个 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 ERRROR 的空框。

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

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

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

Answer 1

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

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

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