Question

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

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

Attempt1
在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的呈现版本。

Attempt2

               <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标头，这意味着如果您链接到它，浏览器将无法将其理解为HTML。 GitHub专门这样做是为了防止这种滥用-出于太多原因，您不应该使用GitHub指向此类其他存储库中的文件（开始时会涉及安全和效率问题）。

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

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

1 个答案: