如何将 Facebook Open Graph 放入 Razor 组件而不是 ASP.NET Core 8 Blazor 中的 APP.Razor

Question

Answer 1

要将内容加载到 Razor 页面中的标签中，您可以通过使用

content

或

<head>

属性传递动态值，在页面的

ViewData

部分中设置

Model

属性。

在您的

_Layout.cshtml

页面中，将 Open Graph 标签直接放置在

<head>

部分中，以确保它们在页面加载时静态呈现。

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"]</title>

    <meta property="og:url" content="@ViewData["Url"]" />
    <meta property="og:title" content="@ViewData["Title"]" />
    <meta property="og:description" content="@ViewData["Description"]" />
    <meta property="og:image" content="@ViewData["ImageUrl"]" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="600" />

    @RenderSection("Styles", required: false)
</head>
<body>
    <div class="container">
        @RenderBody()
    </div>
</body>

在像

Index.cshtml

这样的 Razor 页面中，使用

ViewData

字典定义开放图谱标签的值，这允许您将动态内容传递到布局。

@page
@model IndexModel

@{
    ViewData["Title"] = "Your Page Title";
    ViewData["Url"] = "https://yourwebsite.com";
    ViewData["Description"] = "This is the description for your page.";
    ViewData["ImageUrl"] = "https://yourwebsite.com/image.png";
}

<h1>Welcome to the page</h1>

如何将 Facebook Open Graph 放入 Razor 组件而不是 ASP.NET Core 8 Blazor 中的 APP.Razor

问题描述投票：0回答：1

1个回答

最新问题

如何将 Facebook Open Graph 放入 Razor 组件而不是 ASP.NET Core 8 Blazor 中的 APP.Razor

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1