ruby-on-rails - 如何在 Assets 管道中使用图标？

Question

我正在使用在线生成器实现网站图标(http://realfavicongenerator.net 但其他生成器，如 www.favicon-generator.org 的工作原理相同)。生成器提供了将近 30 个文件(适用于 android、apple、不同大小等的图像)，这就是为什么我将所有这些文件放在 Assets 管道 (assets/images/favicons/) 而不是在公共(public)文件夹(否则会变得如此困惑)。

文件中包含一个 xml 文件 browserconfig.xml 和一个 json 文件 manifest.json(不确定它们的确切用途)。在 header 中，我使用以下方法加载了两个文件:

<%= content_tag :meta, nil, content: image_path("favicons/browserconfig.xml"), name: 'msapplication-config' %>
<%= content_tag :link, nil, href: image_path("favicons/manifest.json"), rel: :manifest %>

可以这样使用 image_path 吗？(即使它们不是图像，我已将所有 favicon 文件放在 assets/内的一个文件夹中图片/网站图标)

此外，xml 和 json 文件都包含对现在位于 Assets 管道中的网站图标图像(见下文)的引用。因此，以目前的形式，这些引用失败了。 如何引用xml和json文件中的图片？

浏览器配置文件:

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
  <msapplication>
    <tile>
      <square70x70logo src="/mstile-70x70.png"/>
      <square150x150logo src="/mstile-150x150.png"/>
      <square310x310logo src="/mstile-310x310.png"/>
      <wide310x150logo src="/mstile-310x150.png"/>
      <TileColor>#fff8dc</TileColor>
    </tile>
  </msapplication>
</browserconfig>

list .json:

{
  "name": "AppName",
  "icons": [
    {
        "src": "\/android-chrome-36x36.png",
        "sizes": "36x36",
        "type": "image\/png",
        "density": "0.75"
    },
    {
        "src": "\/android-chrome-48x48.png",
        "sizes": "48x48",
        "type": "image\/png",
        "density": "1.0"
    },
    # etc.
  ]
}

Answer 1

最好将 favicon 放在你的公用文件夹中，否则在编译时名称中会包含指纹