如何在10分钟内让你的网站上线？

让我们开始吧

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

作为一名网页开发新手，你可能一直在思考如何将自己制作的网站真正放到互联网上。在这篇博客中，你将学习如何使用 GitHub Pages，通过简单的步骤在 10 分钟内完成这项工作。 

最终结果

这就是我们将在博客结尾完成的作品。网址就在网上，快来看看吧👀。

（这是一个简单的计算器网页应用，包含HTML、CSS和JS文件）

先决条件

• 一个包含 HTML、CSS 和 Javascript 文件的网站。（因为 GitHub Pages 只支持静态网站）
• GitHub账号。
• 具备git基础知识。

让我们开始吧

第一步： 

在 GitHub 上创建一个仓库，并将所有 HTML、CSS 和 js 文件添加到其中。

注意：请确保将存储库设为公开。

第二步：

打开存储库并点击设置。

步骤三：

向下滚动，然后点击左侧面板中的“页面” 。

第四步：

现在您需要为仓库启用 GitHub Pages。为此，请点击“无”，然后选择仓库的主分支。在我的例子中，它是master 分支。

第五步：

选择分支后，保存按钮将启用，点击保存进行确认。

步骤六：

现在，您可以看到一条提示信息，上面写着——您的网站已准备好发布到<URL>。

步骤七：

请稍等几分钟并刷新页面。该提示将变为 -您的网站已发布在 <URL>

点击链接，您的网站就准备好了，您可以与任何人分享网址，展示您的项目。

请参考这篇博客，了解如何使用 GitHub Pages 部署您的 React 应用：

如何将 React 应用部署到 GitHub Pages

Ibrahim Ragab ・ 2019年6月23日

#javascript #react #github #webdev

另请阅读：
如何在 Azure 上托管您的网站？

希望对你有帮助！
保存以备参考。
关注我获取更多内容😃。