2014-03-30 97 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 –