blazor中的PageTitle输出keywords和description，自定义组件
在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/
