Heroku：在 Heroku 上上传静态站点？答案

【问题标题】：Heroku: Uploading a static site on Heroku?Heroku：在 Heroku 上上传静态站点？
【发布时间】：2017-12-09 16:05:29
【问题描述】：

我正在构建我的作品集，并使用 HTML/CSS 和 Javascript 制作了简单的 etch-a-sketch 项目。我正在尝试在 Heroku 上托管该网站，但出现此错误：

remote:  !     No default language could be detected for this app.
remote:             HINT: This occurs when Heroku cannot detect the buildpack to use for this application automatically.
remote:             See https://devcenter.heroku.com/articles/buildpacks

这基本上是一个静态站点，我真的不需要 buildpack，有什么方法可以将我拥有的内容推送到 Heroku？

【问题讨论】：

试试这个：github.com/heroku/heroku-buildpack-static

标签： javascript html css heroku

【解决方案1】：

Heroku 通常用于部署应用程序，而不是静态站点。我发现使用 GitHub 页面来托管静态站点要容易得多。如果您的项目已经在 GitHub 上，只需转到存储库的设置选项卡，滚动到 GitHub 页面部分，然后选择要部署的存储库的哪个分支。 **编辑 - 只需确保您的主页 html 文件的标题为 index.html

但是，如果您出于某种原因确实需要使用 Heroku，请here is a guide on how to do so。它展示了如何创建静态站点所需的 composer.json 和 index.php。

【讨论】：

【解决方案2】：

您可以执行以下步骤：-

1) 通过运行touch composer.json，将名为composer.json 的文件添加到根目录

2) 通过运行touch index.php，将名为index.php 的文件添加到根目录

3) 将主页（例如 index.html）重命名为 home.html

4) 在index.php 中，添加以下行：<?php include_once("home.html"); ?>

5) 在composer.json 中，添加以下行：{}

6) 运行git push heroku master

或

在您的网站目录中运行这些命令

1) $echo '{}' > composer.json

2) $echo '<?php include_once("home.html"); ?>' > index.php

3) $mv index.html home.html(如果你已经有一个HTML文件名index)

感谢@wh1tney 这是她帖子的链接。

链接：-https://gist.github.com/wh1tney/2ad13aa5fbdd83f6a489

【讨论】：

echo '{}' > composer.json 是错误的。 RTM：devcenter.heroku.com/articles/php-support#php-runtimes

【解决方案3】：

您可以尝试按照以下步骤操作：

将您的 index.html 文件重命名为 home.html
在根目录下创建一个名为index.php的文件
在文件<?php include_once("home.html"); ?>中写入下面一行
现在，创建一个名为 composer.json 的文件并在其中写入以下行：{}
现在说 $ git add。
$ git commit -m "部署静态--err，动态站点到heroku"
heroku 登录

输入您的 Heroku 凭据：
邮箱：<YOUR HEROKU EMAIL>
密码：<YOUR HEROKU PASSWORD>

heroku 创建
heroku git:remote -a
git push heroku master

【讨论】：

【解决方案4】：

这是一个更简单的策略：

在命令提示符下导航到您的项目：

cd Projects/my-site

在终端或命令提示符下登录 heroku：

heroku login

注意：不要将index.html 文件重命名为home.html。这不适合这个策略。

创建一个index.php文件并插入这一行代码（<?php header( 'Location: /index.html'）； ?> 进入它：

echo '<?php header( 'Location: /index.html' ) ;  ?>' index.php

将更改添加到 git：

git init
git add .

然后您想提交或保存您网站的所有更改。带有描述你所做的事情的消息。

git commit -m "my site ready for deployment"

现在您想在 Heroku 上创建您的网站。如果您已经登录（因为您之前运行过heroku login），您可以发出以下命令：

heroku apps:create my-static-site

插入你想要的名字而不是my-static-site。

如果没有使用该名称，您可以使用 git 部署您的站点。

git push heroku master

您现在可以访问您的网站https://<whatever-name-you-selected>.herokuapp.com/ 或我的示例网站https://my-static-site.herokuapp.com/。

如果需要，请对您的站点进行以下 3 个命令的更改。

添加更改...

git add .

保存更改...

git commit -m "add useful message"

然后部署……

git push heroku master

资源：How to Deploy a Static Site to Heroku

就是这样。

我希望这会有所帮助

【讨论】：