blocks|key|574293|text|您可以使用rack来执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|574294|https://devcenter.heroku.com/articles/static-sites-on-heroku|offset|length|574295|或者你可以使用像Octopress/Jekyll这样的东西，她使用sinatra。|574296|但是您需要一个最小的堆栈来提供html静态内容。|574297|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1O|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@$D|S|E|T|1|U]]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|W|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|C]]]]

You can use rack to do this:

<a href="https://devcenter.heroku.com/articles/static-sites-on-heroku" rel="noreferrer">https://devcenter.heroku.com/articles/static-sites-on-heroku</a>

or you can use something like Octopress/Jekyll who uses sinatra.

But you need a minimum stack to serve html static content

blocks|key|574393|text|我知道这可能有点老了，但我最终还是使用了维也纳Gemw来部署它，基本上它是一个小型的Rack应用程序，它可以让你只用几行Ruby代码就能为你的公共文件夹中的所有内容(css、图像、js、html)提供服务：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|574394|require+'vienna'
run+Vienna|code-block|syntax|javascript|574395|此外，为了在heroku上部署它，您需要创建一个Gemfile：|574396|source+'https://rubygems.org'
gem+'rack'
gem+'vienna'|574397|然后运行bundle+install，如果您没有安装bundle+gem，只需在您的终端上运行：|574398|sudo+gem+install+bundle|574399|这就是它的大部分内容，您可以在上获得更多信息：http://kmikael.com/2013/05/28/creating-static-sites-in-ruby-with-rack/|offset|length|574400|entityMap|0|LINK|mutability|MUTABLE|url|http://kmikael.com/2013/05/28/creating-static-sites-in-ruby-with-rack/^0|0|0|0|0|0|0|N|1Y|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|14|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|16|8|@]|9|@$Q|17|R|18|1|19]]|A|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

I know this might be a little old but I ended up using Vienna Gemw to deploy this, basically its a small Rack application that will let you serve everything in your public folder (css, images, js, html) with just a couple of lines of Ruby: 

<pre><code>require 'vienna'
run Vienna
</code></pre>

Also, for deploying this on heroku you need to create a Gemfile: 

<pre><code>source 'https://rubygems.org'
gem 'rack'
gem 'vienna'
</code></pre>

Then run bundle install, in case you don't have the bundle gem installed just run on your terminal:

<pre><code>sudo gem install bundle
</code></pre>

And thats pretty much of it, you can have more information on: <a href="http://kmikael.com/2013/05/28/creating-static-sites-in-ruby-with-rack/" rel="nofollow">http://kmikael.com/2013/05/28/creating-static-sites-in-ruby-with-rack/</a>

blocks|key|358833|text|以下是对我有效的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|358834|cd+myProject+
git+init
heroku+create+myApp+
heroku+git:remote+-a+myApp+|code-block|syntax|javascript|358835|如果入口点是main.html，则使用下面一行内容创建index.php：|offset|length|style|CODE|358836|<?php+include_once("main.html");+?>|358837|然后执行以下步骤：|358838|echo+'{}'+>+composer.json+
git+add+.+
git+commit+-am+"first+commit"+
git+push+heroku+master|358839|转到http://myApp.herokuapp.com/，你的应用程序现在应该是在线的。|358840|entityMap|0|LINK|mutability|MUTABLE|url|http://myapp.herokuapp.com/^0|0|0|6|9|R|9|0|0|0|0|2|R|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|14|8|@$I|15|J|16|K|L]|$I|17|J|18|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|D|7|1B|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|1C|8|@]|9|@$I|1D|J|1E|1|1F]]|A|$]]|$1|U|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

Here is what worked for me:

<pre><code>cd myProject 
git init
heroku create myApp 
heroku git:remote -a myApp 
</code></pre>

If the entry point is <code>main.html</code>, create <code>index.php</code> with this single line of content:

<pre><code>&lt;?php include_once("main.html"); ?&gt;
</code></pre>

and then perform the following steps:

<pre><code>echo '{}' &gt; composer.json 
git add . 
git commit -am "first commit" 
git push heroku master
</code></pre>

Go to <a href="http://myApp.herokuapp.com/" rel="noreferrer">http://myApp.herokuapp.com/</a> and your app should be online now.

blocks|key|574548|text|好吧，只要你的网页包含超文本标记语言，CSS和JavaScript，那么只需遵循两个步骤：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|574549|1)将一个文件命名为index.html+(保留其中的所有内容)，例如:脚本、样式表和主体。|574550|2)现在，更改这些文件，复制并粘贴这些相同的文件，但将域更改为index.php|574551|然后部署在Heroku上。|574552|因此，此方法将帮助您部署Web页面|574553|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|N|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|O|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

Well , whenever your Web-page's contain HTML, CSS and JavaScript , so follow just 2 steps :

1) Make one file give name as index.html (keep evreything in it) ex:script,stylesheet &amp; body.

2) Now, change these file, copy and paste these same file but change domain to index.php

Then deploy on a Heroku.

Hence this method will help you to deploy your Web-Pages

blocks|key|574624|text|有一种更简单的方法可以做到这一点，以防有人发现其他答案很难理解。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|574625|假设你有一个根目录为index.html的静态网站。现在你想把它部署到Heroku，怎么做？|offset|length|style|CODE|574626|#+initialise+a+git+repo
git+init

#+add+the+files
git+add+-A

#+commit+the+files
git+commit+-m+"init+commit"

#+Now+add+two+files+at+the+root,+composer.json+and+index.php
touch+composer.json
touch+index.php

#+add+this+line+to+index.php,+making+a+PHP+app+that+simply+displays+index.html
<?php+include_once("index.html");+?>

#+add+an+empty+object+to+composer.json
{}|code-block|syntax|javascript|574627|现在只需运行git+push+heroku+master，就完成了！|574628|entityMap^0|0|A|A|0|0|6|M|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

There's a much easier way to do it just in case anyone finds the other answers hard to follow.
Say you have your static website with the root at <code>index.html</code>. Now you want to deploy it to Heroku, how?
<pre><code># initialise a git repo
git init

# add the files
git add -A

# commit the files
git commit -m &quot;init commit&quot;

# Now add two files at the root, composer.json and index.php
touch composer.json
touch index.php

# add this line to index.php, making a PHP app that simply displays index.html
&lt;?php include_once(&quot;index.html&quot;); ?&gt;

# add an empty object to composer.json
{}
</code></pre>
Now simply run <code>git push heroku master</code> and you're done!

blocks|key|358995|text|这里有一个更优雅的方法:只需添加一个名为package.json的文件，该文件将告诉Heroku使用harp作为服务器：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|358996|{
++"name":+"my-static-site",
++"version":+"1.0.0",
++"description":+"This+will+load+any+static+html+site",
++"scripts":+{
++++"start":+"harp+server+--port+$PORT"
++},
++"dependencies":+{
++++"harp":+"*"
++}
}|code-block|syntax|javascript|358997|然后部署到Heroku。完成了！|358998|更多信息：https://harpjs.com/docs/deployment/heroku|358999|entityMap|0|LINK|mutability|MUTABLE|url|https://harpjs.com/|1|https://harpjs.com/docs/deployment/heroku^0|K|C|1E|4|0|0|0|0|5|15|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@$9|11|A|12|1|13]]|E|$]]|$1|F|3|G|5|H|7|14|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|15|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|16|8|@]|D|@$9|17|A|18|1|19]]|E|$]]|$1|O|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|X]]]]

Here is a more elegant method: Just add a file called <code>package.json</code> which tells Heroku to use <a href="https://harpjs.com/" rel="noreferrer">harp</a> as your server:

<pre><code>{
 "name": "my-static-site",
 "version": "1.0.0",
 "description": "This will load any static html site",
 "scripts": {
 "start": "harp server --port $PORT"
 },
 "dependencies": {
 "harp": "*"
 }
}
</code></pre>

and then deploy to Heroku. Done!

Further information: <a href="https://harpjs.com/docs/deployment/heroku" rel="noreferrer">https://harpjs.com/docs/deployment/heroku</a>

blocks|key|574754|text|2020年更新：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|574755|如果你得到一个空白页面，上面提到了PHP答案，试试这个--如果你的主页是index.html：|offset|length|style|CODE|574756|echo+'<?php+header(+'Location:+/index.html'+)+;++?>'+>+index.php
echo+'{}'+>+composer.json|code-block|syntax|javascript|574757|创建Git存储库并在添加文件后提交：|574758|git+init
git+add+.
git+commit+-m+"My+site+ready+for+deployment."|574759|Heroku部署-|574760|heroku+login
heroku+apps:create+my-static-site-example
git+push+heroku+master|574761|entityMap^0|0|10|A|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|11|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|12|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|13|8|@]|9|@]|A|$]]|$1|S|3|T|5|J|7|14|8|@]|9|@]|A|$K|L]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

2020 Update:
If you get a blank page with the PHP answer mentioned here, try this -
If your homepage is at <code>index.html</code> :
<pre><code>echo '&lt;?php header( 'Location: /index.html' ) ; ?&gt;' &gt; index.php
echo '{}' &gt; composer.json
</code></pre>
Creating a Git repo and committing after adding files :
<pre><code>git init
git add .
git commit -m &quot;My site ready for deployment.&quot;
</code></pre>
Heroku deployment -
<pre><code>heroku login
heroku apps:create my-static-site-example
git push heroku master
</code></pre>

I'm trying to deploy an open source project of mine to heroku, it is by necessity very simple with just static html and javascript. But do they not support static sites? I'd rather not make it a Sinatra project if I don't plan on ever using anything but html and javascript.

<pre><code>~/sites/d4-site $ heroku create --stack cedar
Creating quiet-ice-4769... done, stack is cedar
http://quiet-ice-4769.herokuapp.com/ | git@heroku.com:quiet-ice-4769.git
Git remote heroku added


~/sites/d4-site $ git remote -v
heroku git@heroku.com:quiet-ice-4769.git (fetch)
heroku git@heroku.com:quiet-ice-4769.git (push)


~/sites/d4-site $ git push heroku master
Counting objects: 53, done.
Delta compression using up to 2 threads.
Compressing objects: 100% (49/49), done.
Writing objects: 100% (53/53), 206.08 KiB, done.
Total 53 (delta 4), reused 0 (delta 0)

-----&gt; Heroku receiving push
-----&gt; Removing .DS_Store files
 ! Heroku push rejected, no Cedar-supported app detected
</code></pre>

Is it possible to upload a simple html and javascript file structure to heroku?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试将我的一个开源项目部署到heroku上，它必然非常简单，只有静态的html和javascript。但是它们不支持静态站点吗？如果我不打算只使用html和javascript，我就不想把它变成Sinatra项目。~/sites/d4-site $ heroku create --stack cedarCreat...

问是否可以将简单的html和javascript文件结构上传到heroku？
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否可以将简单的html和javascript文件结构上传到heroku？EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问是否可以将简单的html和javascript文件结构上传到heroku？
EN