2014-09-05 50 views
0

我有一個使用dashing的工作儀表板(http://dashing.io/),並且希望將靜態圖像放在我的assets/images文件夾中作爲橫跨儀表板頂部的橫幅。在dashboard.erb上使用Shopify/Dashing在資產上顯示靜態圖像

我試圖讓這個在我的dashboard.erb文件的頂部工作: <img src="/assets/images/test_image.png">

在儀表板的頂部這將不顯示圖像,但是當它位於其他地方,然後 <img src="exampleurl.com/images/test_image">將顯示圖像。

我想我在這裏錯過了一些主要的東西,我想它是從我做過的閱讀中處理鏈輪,但我不太瞭解實現。

回答

1

我目標是將靜態圖像放置在我從webroot中的assets文件夾中引用的dashing儀表板的頂部。試圖找出如何在本地參考圖像中的dashboard.erb文件後,我發現,如果你的形象放在/assets/images/test_image.png然後將生成的HTML看起來像:

<img src="assets/test_image.png">

此時圖像應顯示在儀表板上。

我希望這可以幫助別人!

0

如果您使用的是鏈輪。怎麼樣使用ERB幫手<%= image_tag "test_image.png" %>

ERB助手將鏈接到Sprockets編譯資產的正確路徑。

編譯資源時的Sprockets行爲將它放在公共路徑上。其實它是./public/assets/...。所以,即使你不想使用ERB幫手,你可以訪問你的資產指着<img src="/assets/test_image.png">

但是,如果你把你的圖像文件直接在public/images您必須在SRC指向<img src="images/test_image.png">

+0

Webroot中沒有公用文件夾可供您使用,但我終於可以正常工作了。即使圖像位於/assets/images/test_image.png中,也可以通過assets/test_img.png進行引用。 謝謝你的幫助! – skeltont 2014-09-08 17:20:26