小故事 发表于 2024-5-7 15:11:34

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

在blazor的PageTitle中不具备输出keywords和description的功能,而如果直接使用标签,输出中文时会变成乱码,所以我给大家推介下面的代码解君愁:
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   
13   public string AppTitle { get; set; } = "宅猫君资源";
14   /// <summary>
15   /// 默认的爬虫抓取搜索关键词
16   /// </summary>
17   public const string DefaultKeyWords = "宅猫君游戏,宅猫君模型,宅猫君在线资源,宅猫君手游";
18   /// <summary>
19   /// 获取或设置当前的标题
20   /// </summary>
21   
22   public string Title { get; set; } = "主页";
23   /// <summary>
24   /// 获取或设置当前的标题
25   /// </summary>
26   
27   public string Keywords { get; set; } = DefaultKeyWords;
28   /// <summary>
29   /// 获取或设置当前的标题
30   /// </summary>
31   
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/

来源:https://www.cnblogs.com/zhaimaojun/p/18177052/blazorapptitle
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: blazor中的PageTitle输出keywords和description,自定义组件