您还可以通过自定义主题将脚本、css 等直接插入到 <head> 元素中。document.cshtml 的默认形状有一个名为 Head 的区域,您可以在其中呈现各种形状。
注意 document.cshtml 中的 @Display(Model.Head) 调用:
<head>
<meta charset="utf-8" />
<title>@Html.Title(title, siteName)</title>
@Display(Model.Head)
<script>(function(d){d.className="dyn"+d.className.substring(6,d.className.length);})(document.documentElement);</script>
</head>
<body>
@* Layout (template) is in the Body zone @ the default position (nothing, zero, zilch) *@
@Display(Model.Body)
@Display(Model.Tail)
</body>
</html>
这意味着如果您想在元素中添加东西,您可以执行以下操作,例如,从自定义主题中的 layout.cshtml :
@{
WorkContext.Layout.Head.Add(New.Analytics(), "10");
}
并在您的主题中,在 Views 文件夹中有 Analytics.cshtml:
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-XXXXXXX-X', 'auto');
ga('send', 'pageview');
</script>