Orchard运用 - 为评论启用Gravatar头像
2014-05-22 20:55
190 查看
在前一篇随笔中我曾分享如何为Orchard特定主题添加独立代码文件, 今儿延续如何把对应代码应用到Views上。
对此我不妨把为评论启用Gravatar头像这一例子来实现。其实很简单, 思路大概就是创建一个Gravatar辅助类,主要处理通过获取Email参数结合Gravatar服务的API来生成对应的头像;同时在当前主题新建一个Parts.Comment.cshtml来覆盖核心的评论呈现。
代码解释:可看出新建一个方法BuildGravatar负责生成头像, 并在代码调用生成图像标签。
整合后效果如下:
题外话:其实有一现成模块Webmoco.Gravatar可以使用,不过貌似在Orchard 1.8下没法使用,所以只好自力更生有了以上的解决方案了。
对此我不妨把为评论启用Gravatar头像这一例子来实现。其实很简单, 思路大概就是创建一个Gravatar辅助类,主要处理通过获取Email参数结合Gravatar服务的API来生成对应的头像;同时在当前主题新建一个Parts.Comment.cshtml来覆盖核心的评论呈现。
具体步骤如下:
1. 在当前主题Theme的目录Utils里添加独立代码文件Gravatar.cs。该文件在此可下载。
2. 在当前主题Theme的目录Views下创建一个全新的文件"Parts.Comment.cshtml",记事本打开并添加如下代码:
@using Orchard.Comments.Models @using Orchard.ContentManagement @using Orchard.Users.Models @using Orchard.Simplex.Utils @functions{ string BuildGravatar(CommentPart comment){ string gravatarEmail = string.Empty; if (String.IsNullOrWhiteSpace(comment.UserName)) { gravatarEmail = comment.Email; } else { var cm = WorkContext.Resolve<IContentManager>(); var user = cm.Query<UserPart, UserPartRecord>().Where(x => x.NormalizedUserName == comment.UserName).List().FirstOrDefault(); if (user != null) { gravatarEmail = user.Email; } } return Url.Gravatar(string.IsNullOrWhiteSpace(gravatarEmail) ? "dummy@foobar.com" : gravatarEmail, 60, "mm", Rating.G);; } } @{ CommentPart comment = Model.ContentPart; CommentsPart comments = comment.CommentedOnContentItem.As<CommentsPart>(); var children = New.List(Items: Model.Items); children.Classes.Add("comments"); } <article class="comment comment-@comment.Id"> <header> <img class="avatar" src="@BuildGravatar(comment)" alt="@T("Gravatar Image")" /> <h4> <span class="who">@Display.CommentAuthor(ContentPart: comment)</span> <span class="when">@Display.CommentMetadata(ContentPart: comment)</span> @if (comments.ThreadedComments) { <span class="reply">@Display.CommentReplyButton(ContentPart: comment)</span> } </h4> </header> @Display.CommentText(ContentPart: Model.ContentPart, ContentItem: Model.ContentItem) @Display(children) </article>
代码解释:可看出新建一个方法BuildGravatar负责生成头像, 并在代码调用生成图像标签。
整合后效果如下:
题外话:其实有一现成模块Webmoco.Gravatar可以使用,不过貌似在Orchard 1.8下没法使用,所以只好自力更生有了以上的解决方案了。
相关文章推荐
- 解决wordpress下的gravatar评论头像不显示问题
- 扫盲普及:利用Gravatar来获得博客评论头像
- Orchard运用 - 整合Disqus评论插件
- 利用Gravatar,拥有自己的全球头像,wordpress评论可用
- WordPress评论AJAX实时显示Gravatar头像
- Orchard运用 - 为博客启用Markdown编辑器
- Orchard运用 - 整合多说评论插件
- WordPress博客程序因gravatar评论头像打开慢的解决方案
- Gravatar_全球通用头像
- 解决wordpress gravatar头像卡的一逼的问题
- 运用ImageButton编写选择头像小程序
- 织梦dedecms的文档评论如何调用discuz的用户头像
- Subtext 2.0 支持 Gravatar 博客头像 (个人全球统一标识)
- ASP.NET MVC3 技术(三) 添加视频和 Gravatar 头像
- 刚刚把 Gravatar 的头像改为国内代理
- C#源码QQ空间自动点赞神器,无需密码直接点头像登录,可加自动功能评论转发等。
- WordPress 实战:WordPress替换Gravatar头像稳定服务器地址
- wordpress 评论头像
- Subtext 2.0 支持 Gravatar 博客头像 (个人全球统一标识)
- Gravatar——能让你的留言自动钻出头像的小工具