【问题标题】:Heroku does not show up my imagesHeroku 没有显示我的图像
【发布时间】:2013-11-15 14:23:45
【问题描述】:

我有一个问题,我的图像没有显示在 heroku 上。 推送中没有错误消息,我在我的 gemfile 中安装了 gem 'rails_12factor' ..

所以我真的不知道该怎么办

地址是http://middiz.herokuapp.com/

你们能帮我看看吗?

非常感谢

【问题讨论】:

  • 我可以看到图像。有什么问题?
  • 你的背景可以吗?奇怪的是只有 incones 出现..
  • 您是自己硬编码图像还是使用了image_tag?显示您的代码。

标签: ruby-on-rails heroku 12factor


【解决方案1】:

我可以看到一些图像,但为了后代以及让您了解问题可能是什么,我想我最好写下这个答案来帮助您在 Heroku 上运行图像


动态 CSS

基于 CSS 的图像在您预编译它们并部署到 Heroku 时会发生变化。 Rails 使用asset fingerprinting 将依赖的资产文件链接到资产本身。这意味着您必须确保您的 css 具有动态图像路径,而不是静态图像路径,这样做的方法是使用 SCSS

SCSS 允许您将值动态插入到资产管道中,从而允许您动态地提供图像。以下是它的工作原理:

#app/assets/application.css
background-image: url('background.png'); /* --> Renders static asset every time */

#app/assets/application.css.scss
background-image: image_path('background.png'); /* --> dynamically renders the fingerprinted path */

我很欣赏这不是对您的直接解决方案,但我希望它显示了解决问题的方法

【讨论】:

  • 嘿,非常感谢您的回答,它给了我一个深入研究的途径..实际上我使用asset-url来让它工作.. background-image:asset-url(' bg.png');这就对了 !非常感谢你
  • 我能再问你一个问题吗..当我减小窗口大小时,你能看看middiz.herokuapp.com吗?我的 div 变得凌乱.. 为什么?
  • 没问题! DIV 对我来说看起来不错?你使用的是 Booststrap 还是类似的东西?
  • 是的,我使用 bootstrap .. 我上传了一张它在我的计算机上如何呈现的图像 .. 图标和其他图标相互重叠..
  • 感谢您的回复!有什么办法可以告诉我们直接网址吗?我最初的假设是您添加的 DIV 会以某种方式干扰 Bootstrap。唯一的测试方法是查看页面!!
猜你喜欢
  • 2017-11-04
  • 1970-01-01
  • 2019-01-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-08-12
  • 1970-01-01
相关资源
最近更新 更多