2014-03-30 102 views
0

我一直在關注如何將ghost.js從源代碼部署到Azure網站上的指令Scott Hanselman's blog。它主要工作,除了管理頁面上的圖標顯示爲方框而不是正確的圖標。Azure網站上的Ghost.js部署無法正常顯示圖標

Ghost.js admin page with square boxes instead of icons

我啓用這項功能後,根據上this page的步驟,但沒有發現任何疑似可疑(沒有錯誤消息或任何東西)。

關於如何調試的任何提示?我嘗試過多次執行這些步驟,並始終使用相同的結果。

謝謝

回答

1

Ghost對這些圖標使用unicode字符。他們不是圖像,他們是相當普通的unicode字形。如果瀏覽器默認使用的字體沒有這些字形,它將無法顯示它們。某些瀏覽器會檢測到這個(Firefox)並從另一種字體中替換字形,而其他瀏覽器(Chrome)可能會使用默認字體粘貼字形。

嘗試使用其他瀏覽器,並且您應該能夠看到圖標,然後在默認瀏覽器中更改字體。

更新1:

斯科特的指令缺少一個步驟。他要求你評論中的.gitignore告訴GIT中忽略CSS檢查gurnt只是建立在

# /core/client/assets/css 

但你還需要評論的線下它有混帳包括字體以及線

# /core/client/assets/fonts 
+0

感謝您的提示。我試過在不同的瀏覽器上打開這個頁面,但它在任何瀏覽器上都無法正常工作。如果我使用Azure Ghost Web Gallery模板安裝Ghost,那麼圖標加載就好了。你知道模板Ghost安裝與我在嘗試部署默認Azure源代碼時獲得的不同嗎? –

+0

你在使用什麼操作系統?我只是在Windows 8.1上嘗試了使用Chrome 33和IE 11的Azure模板,並且都正常工作並正確顯示圖標 – ahmelsayed

+1

對不起,也許我不清楚。如果我使用Azure模板,Ghost可以很好地工作。當我嘗試使用Scott Hanselman在他的博客中提到的說明手動從源代碼手動部署ghost時,它只會讓我迷惑不解。 。我也在使用Windows 8.1 –