blazor中的PageTitle输出keywords和description,自定义组件
  37I8AJWYkpYq 12天前 22 0

在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/

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 12天前 0

暂无评论

推荐阅读
  mVIyUuLhKsxa   3天前   8   0   0 .NET
  f18CFixvrKz8   2天前   12   0   0 .NET
37I8AJWYkpYq