将HTML文件添加到React项目

Question

我目前正在React中为自己制作个人作品集。我有一些项目想添加到使用HTML，CSS和Vanilla JS创建的React网站中。我正在寻找一种将它们轻松添加到我的项目中的方法。他们目前不在任何地方托管。我知道这应该很简单，但是我不确定如何表达自己想做的事情。任何帮助将不胜感激。

Answer 1

如果它们仅使用HTML，CSS和Vanilla JS创建，则可以将它们托管在GitHub Pages。 之后，使用iframe元素将它们插入到您的React项目中。

Answer 2

我还应该补充一点，它也是完全免费的，并且非常容易托管带有html / css / js的静态网站以及Google的firebase。我什至在firebase上部署了几个生产级别的应用程序，客户使用它们已有一段时间了，没有出现问题。如果您将项目的链接托管在Firebase上，而不是托管在github页面上，那么它们的项目链接将更加“专业”。

请参阅this，以了解如何在Firebase上托管您的网站。不过，一般情况是，您使用自己选择的Google帐户登录firebase，创建一个新的firebase项目（将其视为“托管”网站的云上空白空间），然后安装用于firebase的命令行工具（与第一次安装git或npm时类似），然后使用命令行工具登录，选择创建的项目，在要托管的react投资组合index.html的目录中初始化firebase，然后只需运行命令firebase deploy --only hosting。然后，它会告诉您托管网站的URL。

您也可以简单地将链接添加到托管项目中，而不必像建议的那样通过iframe将其整个页面放在投资组合中。您还可以拍摄一些漂亮的屏幕截图，并制作一个滑块来展示每个截图，并在单击时提供指向实际站点的链接。只是一些想法。