blazor中的PageTitle输出keywords和description,自定义组件

  • blazor中的PageTitle输出keywords和description,自定义组件已关闭评论
  • 21 次浏览
  • A+
所属分类:.NET技术
摘要

在blazor的PageTitle中不具备输出keywords和description的功能,而如果直接使用<mate>标签,输出中文时会变成乱码,所以我给大家推介下面的代码解君愁:

在blazor的PageTitle中不具备输出keywords和description的功能,而如果直接使用<mate>标签,输出中文时会变成乱码,所以我给大家推介下面的代码解君愁:

 1 @* <PageTitle>@Title - @AppTitle</PageTitle> *@  2 <HeadContent>  3     @(new MarkupString($"<meta name="keywords" content="{Keywords}" />"))  4     @(new MarkupString($"<meta name="description" content="{Description}" />"))  5     <title>@(new MarkupString($"{Title} - {AppTitle}"))</title>  6 </HeadContent>  7   8 @code {  9     /// <summary> 10     /// 默认的标题后缀 11     /// </summary> 12     [Parameter] 13     public string AppTitle { get; set; } = "宅猫君资源"; 14     /// <summary> 15     /// 默认的爬虫抓取搜索关键词 16     /// </summary> 17     public const string DefaultKeyWords = "宅猫君游戏,宅猫君模型,宅猫君在线资源,宅猫君手游"; 18     /// <summary> 19     /// 获取或设置当前的标题 20     /// </summary> 21     [Parameter] 22     public string Title { get; set; } = "主页"; 23     /// <summary> 24     /// 获取或设置当前的标题 25     /// </summary> 26     [Parameter] 27     public string Keywords { get; set; } = DefaultKeyWords; 28     /// <summary> 29     /// 获取或设置当前的标题 30     /// </summary> 31     [Parameter] 32     public string Description { get; set; } = DefaultKeyWords; 33 }

实际效果可以看我个人网站的源码中的输出效果:https://www.zhaimaojun.cn/

实际效果可以看我个人网站的源码中的输出效果:https://www.zhaimaojun.cn/

实际效果可以看我个人网站的源码中的输出效果:https://www.zhaimaojun.cn/

实际效果可以看我个人网站的源码中的输出效果:https://www.zhaimaojun.cn/

实际效果可以看我个人网站的源码中的输出效果:https://www.zhaimaojun.cn/

实际效果可以看我个人网站的源码中的输出效果:https://www.zhaimaojun.cn/