2

我使用 Umbraco（带有剃须刀的 6.1.1 版）创建新网站，我是 Umbraco 的新手。我的设置面板是这样的。

在此处输入图像描述

在我的主模板中，我使用我的 css 样式和 JavaScripts 是这样的。他们的路径还可以。

<link rel="stylesheet" href="/css/mobile.css"/>
<script src="/scripts/jquery-2.0.2.js"></script>

CSS 和脚本路径正在运行。所以没关系。

现在我的问题是我想要我的网站的图像。我不知道在哪里放置图像以及路径应该是什么。

例如：

我试图将图片上传到媒体在此处输入图像描述

在我的主模板中，我尝试了

<img src="/media/A.jpg" alt="Smiley face" height="42" width="42"> 
<img src="/media/images/A.jpg" alt="Smiley face" height="42" width="42">

也在 CSS 文件中

background-image:url('/media/images/A.jpg');

但这些都行不通。我只是试用它们。其实我不知道正确的做法:(

那么我应该在 Umbraco 中的哪里存储图像以及如何在 CSS 文件和模板文件中找到路径？

请帮忙！

提前致谢 ....

4

2 回答 2

2

存储在媒体部分的项目将具有如下路径：

/media/<row_id>/filename.ext

哪里<row_id>是存储媒体项目信息的数据库中行的 ID。

确定媒体项目路径的一种方法是单击缩略图（如果是图像）并复制地址栏中的内容。

您还可以使用 xslt 或 razor 通过宏通过 id 访问文件。这是一个剃刀示例：

@{
    int imageId = 1069;
    var media = Library.MediaById(imageId);

    <img src="@media.umbracoFile" alt="" />
}

但是，这是一个内容管理系统，毫无疑问，最终用户将管理内容，因此，将设计特定的图像放在媒体部分是没有意义的。更全面的方法是将它们简单地放在images站点根目录的文件夹中，然后从那里使用它们。

于 2013-06-27T21:02:16.667 回答
2

在你的css上应该像这样简单：

.style { background-image: url(/media/1006530/A.jpg); }

您从包含行 ID（例如 1006530）的媒体 url 获得的路径

于 2014-10-29T23:57:08.553 回答