Heroku 是一个简单的一站式解决方案，可以托管任何网站或服务器。本文围绕如何在 Heroku 上托管您自己的静态 HTML 网页展开。为了演示这一点，我们将构建一个简单的网页并托管它。
先决条件
- 吉特
- Heroku 帐户
- Heroku CLI
让我们为我们的项目创建一个名为“portfolio”的目录。我们将把这个目录连接到我们的 Heroku 应用程序，这样每当我们更新本地 HTML 文件时，更改就会反映在托管网站上。
第1步：
创建一个名为“portfolio”的目录并将工作目录更改为该目录。
$ mkdir portfolio
$ cd portfolio
第2步：
创建您自己的静态 HTML 网站并将其命名为“ home.html” （我们将创建一个仅包含“我的作品集”作为文本的简单文件）
$ echo " My Portfolio
" > home.html
第 3 步：
Heroku 默认不允许您部署没有后端的应用程序。所以我们需要创建一个虚拟后端或动态PHP文件。我们需要使用一个技巧告诉 Heroku 我们的网站是一个PHP应用程序。为此，只需将以下命令复制并粘贴到您的终端中即可。已包含 composer.json 以提供对 Heroku 上的PHP应用程序的支持。如果应用程序没有 composer 依赖项，我们必须包含空的 composer.json 以识别PHP应用程序。
$ echo '' > index.php
$ echo '{}' > composer.json
第四步：
将存储库初始化为 git 存储库。
$ git init
第 5 步：
使用 Heroku 仪表板右上角的新按钮创建您的 Heroku 应用程序。我们将把这个应用程序命名为“ your-app-name-123”
第 6 步：
使用 Heroku CLI 登录您的 Heroku 帐户
$ heroku login
第 7 步：
现在我们已经创建了我们的应用程序，我们只需要将本地 git 存储库连接到 Heroku 应用程序。为此，我们将 Heroku 应用程序的遥控器添加到 git 存储库。 （不要忘记将“your-app-name-123”替换为您自己的应用程序名称）
$ heroku git:remote -a your-app-name-123
第 8 步：
将更改推送到您的 Heroku 应用程序。
$ git push heroku master
第 9 步：
您的应用程序现在已在 Heroku 上运行。要查看您的应用程序，请单击出现在上一步末尾的链接，类似于https://your-app-name-123.herokuapp.com/ 。要提交并保存对home.html文件的所有更改，请从“portfolio”目录执行以下命令。
$ git add .
$ git commit -m "your commit message"
$ git push heroku master