如何将 css 链接到剃须刀页面（asp.net 核心）答案

【问题标题】：How to link css to razor page (asp.net core)如何将 css 链接到剃须刀页面（asp.net 核心）
【发布时间】：2018-01-21 10:40:04
【问题描述】：

我不知道如何将 css 链接到剃须刀页面，没有任何效果。这是我的文件夹结构：

Views/Home/index.cshtml

wwwroot/Styles/Homepage.css

【问题讨论】：

【解决方案1】：

转到 App_Start 文件夹并编辑您的 BundleConfig.cs（如果您使用 C#）。

你有

bundles.ADD(new StyleBudle("~/Content/css").Include(
"~/Content/your_style.css"));

然后将您的 .css 文件上传到文件夹 Content 中

【讨论】：

asp.net core中没有app_start文件夹
我有 Visual Studio 2017。创建新项目时，转到 File->New Project->Asp Net Core Web application。然后选择 Web Application(Model-View-Controller) 并从右侧将身份验证更改为个人用户帐户。此身份验证是在您创建应用程序时，您已登录/注册。然后我有了那个文件夹，再次尝试使用此指令创建新项目并告诉我进展如何。

【解决方案2】：

对于在整个站点中重复使用的 CSS，您可以在 _Layout 部分中定义它们：

<head>
    <link href="/Styles/Homepage.css" rel="stylesheet" type="text/css" />
    @RenderSection("Styles", required: false)
</head>

如果我需要一些特定于视图的样式，您可以在每个视图中定义样式部分：

@section Styles {
    <link href="~/Styles/Homepage.css" rel="stylesheet" type="text/css" />
}

【讨论】：