如何将 OpenGraph 和 Twitter Cards 合并到 c# razor 中的 2sxc 详细信息模板中？答案

【问题标题】：How can I incorporate OpenGraph and Twitter Cards into a 2sxc details template in c# razor?如何将 OpenGraph 和 Twitter Cards 合并到 c# razor 中的 2sxc 详细信息模板中？
【发布时间】：2020-11-06 23:09:48
【问题描述】：

我在 2sxc 应用中有一个列表和详细信息视图。在详细视图中，有很多内容，因为它有点像一篇文章。

我想将 OpenGraph 和 Twitter Cards 放入模板中，以便我的应用程序中的每个唯一 URL 对每篇文章都有唯一的内容。如何在 2sxc 中为 OpenGraph 和 Twitter Cards 设置我的 C# razor 模板？

【问题讨论】：

标签： c# razor dotnetnuke 2sxc

【解决方案1】：

我倾向于根据需要对这些内容进行编码。我们最近用于 OpenGraph 的一大帮手是 RazorBlade。

Razor Blade Tutorials

Razor Blade home

【讨论】：

【解决方案2】：

使用 Jeremy 的文档，我将其放入我的 C# razor 模板中：

@using ToSic.Razor.Blade;

HtmlPage.AddOpenGraph("title", @Content.Name); 
HtmlPage.AddOpenGraph("type", "article");
HtmlPage.AddOpenGraph("url", @Dnn.Tab.FullUrl + "/career/" + Content.urlkey);
HtmlPage.AddOpenGraph("description", "need to determine description somehow");
HtmlPage.AddOpenGraph("image", "https://" + @Dnn.Portal.PortalAlias.HTTPAlias.Replace("/en-ca","").Replace("/fr-ca","") + @Content.Image + "?mode=crop&h=601&w=589&anchor=middlecenter");

这对 OpenGraph 和 TwitterCards 都有效。

【讨论】：