在Orchard CMS中，查看自定义内容项时，品牌中的图像会中断

Question

我正在使用基于“Contoso”的自定义主题。我在自定义主题中编辑了“品牌”文件以显示我的徽标：

@{
    var homeUrl = Href("~/");
}
<h1 id="branding">
 <a href="@homeUrl">
  <img src="Themes/myTheme/Content/Images/logo.png" alt="Our Logo" />
 </a>
</h1>

我可以在常规页面上看到徽标。我在其中一个页面上有一个自定义内容项列表，当我点击列表中某个内容项的标题以显示项目的详细信息时，顶部的徽标显示为已损坏image ...会导致什么？

Answer 1

使用

 <img src='@Href("~/Themes/myTheme/Content/Images/logo.png")' alt='Our Logo'/>

您的img url路径未定义为相对于根。更多信息：http://brugbart.com/Articles/paths

这也应该有效：注意url开头的'/'

<img src="/Themes/myTheme/Content/Images/logo.png" alt="Our Logo" />

Answer 2

最好使用

<img src="@Html.Content("~/Themes/myTheme/Content/Images/logo.png")" alt="Our Logo" />

Answer 3

按建议使用〜/，@ Html.Content（＆＃34;〜/ ...
编译器跟踪路由并从站点根目录创建URL，即〜/由站点的根目录替换。