Razor类库的使用（五）—— Razor类库中的静态内容

现在我们看一下在Razor类库中增加静态内容，与主项目一样，Razor类库中引用的静态内容，也保存在wwwroot文件夹中，我们需要创建这样一个文件夹，然后在里面增加自定义的静态内容。我们在里面增加一个自定义的css文件，

这文件中的内容很简单：

body {
    background-color: #1b6ec2;
}

然后我们修改布局页面的模板，引入这个文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title></title>
    <link rel="stylesheet" href="~/css/mycss.css" />
</head>
<body>
    <partial name="_Header" />
    @RenderBody()
    <partial name="_Footer" />
</body>
</html>

运行项目，发现没有起作用，按F12进入浏览器的开发者模式，发现没有找到mycss.css这个文件，原来，引用的路径位置不正确，"_{/css/mycss.css"是针对主项目的路径，需要修改为指向Razor类库的路径。Razor类库的根路径位置是"}/_conteng/类库的名称"，在这个例子中，路径应该是"~/_content/RazorPlugin/css/mycss.css"。将路径修改后，再次访问这个页面，可以正确工作了：

图片.png

Razor类库的使用（五）—— Razor类库中的静态内容

推荐阅读更多精彩内容