翼度科技»论坛 编程开发 .net 查看内容

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

14

主题

14

帖子

42

积分

新手上路

Rank: 1

积分
42
在blazor的PageTitle中不具备输出keywords和description的功能,而如果直接使用标签,输出中文时会变成乱码,所以我给大家推介下面的代码解君愁:
  1. 1 @* <PageTitle>@Title - @AppTitle</PageTitle> *@
  2. 2 <HeadContent>
  3. 3     @(new MarkupString($"<meta name="keywords" content="{Keywords}" />"))
  4. 4     @(new MarkupString($"<meta name="description" content="{Description}" />"))
  5. 5     <title>@(new MarkupString($"{Title} - {AppTitle}"))</title>
  6. 6 </HeadContent>
  7. 7
  8. 8 @code {
  9. 9     /// <summary>
  10. 10     /// 默认的标题后缀
  11. 11     /// </summary>
  12. 12     [Parameter]
  13. 13     public string AppTitle { get; set; } = "宅猫君资源";
  14. 14     /// <summary>
  15. 15     /// 默认的爬虫抓取搜索关键词
  16. 16     /// </summary>
  17. 17     public const string DefaultKeyWords = "宅猫君游戏,宅猫君模型,宅猫君在线资源,宅猫君手游";
  18. 18     /// <summary>
  19. 19     /// 获取或设置当前的标题
  20. 20     /// </summary>
  21. 21     [Parameter]
  22. 22     public string Title { get; set; } = "主页";
  23. 23     /// <summary>
  24. 24     /// 获取或设置当前的标题
  25. 25     /// </summary>
  26. 26     [Parameter]
  27. 27     public string Keywords { get; set; } = DefaultKeyWords;
  28. 28     /// <summary>
  29. 29     /// 获取或设置当前的标题
  30. 30     /// </summary>
  31. 31     [Parameter]
  32. 32     public string Description { get; set; } = DefaultKeyWords;
  33. 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】 我们会及时删除侵权内容,谢谢合作!

举报 回复 使用道具