ToB企服应用市场:ToB评测及商务社交产业平台

标题: blazor中的PageTitle输出keywords和description，自定义组件 [打印本页]

---

作者: 火影    时间: 2024-5-19 08:47
标题: blazor中的PageTitle输出keywords和description，自定义组件
在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/

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4