正文

.feedbackCon img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}

.feedbackCon img {
border-radius: 40px;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

3.上传JavaScript文件

文件地址：http://files.cnblogs.com/files/jackson0714/Comments.js

下面是参考农码一生的JavaScript脚本。

Comments.js

function customTimer(inpId, fn) {
    if ($(inpId).length) {
        fn();
    }
    else {
        var intervalId = setInterval(function () {
            if ($(inpId).length) {  //如果存在了
                clearInterval(intervalId);  // 则关闭定时器
                customTimer(inpId, fn);              //执行自身
            }
        }, 100);
    }
}
//添加 评论区的 形象照
function addImage() {
    var spen_html = "<span class='bot' ></span>\
                         <span class='top'></span>";
    $(".blog_comment_body").append(spen_html);

    $(".blog_comment_body").before("<div class='body_right' style='float: left;'><a target='_blank'><img  /></a></div>");
    var feedbackCon = $(".feedbackCon").addClass("clearfix");
    for (var i = 0; i < feedbackCon.length; i++) {
        var span = $(feedbackCon[i]).find("span:last")[0].innerHTML || "http://pic.cnitblog.com/face/sample_face.gif";
        $(feedbackCon[i]).find(".body_right img").attr("src", span);
        var href = $(feedbackCon[i]).parent().find(".comment_date").next().attr("href");
        $(feedbackCon[i]).find(".body_right a").attr("href", href);

    }
}

//页面加载完成是执行
$(function () {

 //添加 评论区的 形象照
    customTimer(".blog_comment_body", addImage);

    });

4.引入JavaScript文件

页脚Html代码

引入第二步上传的JavaScript文件Comments.js：

作　　者： Jackson0714
出　　处：http://www.cnblogs.com/jackson0714/
关于作者：专注于微软平台的项目开发。如有问题或建议，请多多赐教！
版权声明：本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接。
特此声明：所有评论和私信都会在第一时间回复。也欢迎园子的大大们指正错误，共同进步。或者直接私信我
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是作者坚持原创和持续写作的最大动力！

记bili2.0博客主题修改过程

博客主题BiliV2.0更改及优化主题特色响应式布局（自适应<360px、<767px的不同尺寸屏幕）。首页全屏背景logo，个性定制。首页公告消息。首页轮播，支持定义不同数量的banner。页脚返回顶部按钮。博客正文为Github风格Markdown。... 查看详情

博客valine评论样式美化

...是一款非常轻量级无后端实现的评论系统，目前很多静态博客如Hexo、Jekyll、Hugo等等都原生支持Valine，我使用的halo博客由于自带评论系统的表情包功能很让我抓狂（等于没有），所以我仍然选择继续使用Valine（我不会说是因为我... 查看详情

博客园美化—添加头像

...栏公告出显示自己的头像，首先将想要显示的图片上传至博客相册，然后将下面的引用复制到博客设置->设置->博客侧边栏公告：<imgsrc="http://images.cnblogs.com/cnblogs_com/seanshao/855033/o_saw_billy.png"alt="嘻哈烧饼的头像"class="img... 查看详情

博客园美化(代码片段)

闲着没事对博客皮肤做了些美化，主要是css，js写了些小功能css部分：整体采用蓝色简洁风，有些部分我不用，所以没优化，比如标签，日历，相册，头部固定在顶部，侧边栏固定250px;右边内容主体自适应，支持，收藏和关注按... 查看详情

hexo评论系统(代码片段)

Hexo博客系统是静态博客，本身无法支持评论等动态的功能，但是可以通过第三方的评论系统让Hexo博客支持评论功能。常见的评论系统包括：Valine、Disqus、Gitment、Giscus等，本文主要介绍Giscus的使用。Hexo评论系统上一篇文章博客... 查看详情

博客评论支持引用段落内容；app全新升级，不断完善移动端学习体验……2021.12.7

...，这里是「CSDN产品周报」第20期。本次更新主要涉及博客、问答、APP，具体细节请往下看。一、博客使用体验优化1、博客文章支持引用某段落内容进行评论步骤1）选中内容，点击评论；步骤2）输入评论... 查看详情

linux桌面玩家指南：03.针对gnome3的linux桌面进行美化(代码片段)

...说明：要在我的随笔后写评论的小伙伴们请注意了，我的博客开启了MathJax数学公式支持，MathJax使用$标记数学公式的开始查看详情

hexo集成valine实现评论留言(代码片段)

2年前搭建的hexo博客好久没有维护了，一看hexo以及先前使用butterfly主题已经更新好几个版本了，看介绍在速度性能上有了很大的提高，于是打算给hexo升个级，整理整理翻翻新。通过阅读butterfly的官方文档，发... 查看详情

vuepress博客美化之reco主题(代码片段)

vuepress博客主题—vuepress-theme-reco是一款简洁而优雅的vuepress博客&文档主题。它既可以成为简洁而又不失美观的主题，又可以书写你的项目文档，看起来更有逼格。主题官方介绍：这是一个vuepress主题，旨在添加博客所需的分类... 查看详情

打造自己的博客利用vuepress完成博客整体搭建，并支持评论和自动发布(代码片段)

利用Vuepress打造自己的静态网站🎆上手难度低、扩展性强、0成本😊手把手教你托管自己的个人网站，包含评论+自动化构建推送+GithubPages在线地址预览📚收藏不走丢啊～一、VuePress本小节会帮助你从头搭... 查看详情

打造自己的博客利用vuepress完成博客整体搭建，并支持评论和自动发布(代码片段)

flask实战-个人博客-电子邮件支持(代码片段)

电子邮件支持因为博客要支持评论，所以我们需要在文章有了新评论后发邮件通知管理员。而且，当管理员回复了读者的评论后，也需要发送邮件提醒读者。为了方便读者使用示例程序，personalBlog中仍然使用Flask-Mail来发送... 查看详情

博客美化基本后台设置与样式设置

...控件显示设置选中公告3.然后点击管理-->设置--在“博客侧边栏公告（支持HTML代码）”下面贴上html代码就ok了（1）.偷食小老鼠代码如下：<objecttype="application/x-shockwave-flash"style="outline:none;"data="http 查看详情

如何隐藏一些 Kentico 博客评论字段？

】如何隐藏一些Kentico博客评论字段？【英文标题】：HowdoIhidesomeoftheKenticoBlogCommentfields?【发布时间】：2011-12-2112:25:09【问题描述】：将Kentico用于带有评论的博客时，它具有以下字段：姓名电子邮件您的网址评论但我想使用当前... 查看详情

ubuntu21.04主题美化-mac

...）记录Ubuntu20.04安装后美化（MAC）过程_憶夣的博客-CSDN博客_ubuntu20美化machttps://blog.csdn.net/weixin_42095121/article/deta 查看详情

从 iPhone 应用程序向 Wordpress 博客发表评论

】从iPhone应用程序向Wordpress博客发表评论【英文标题】：PostcommenttoWordpressblogfromiPhoneApp【发布时间】：2012-11-1020:09:53【问题描述】：我使用代码从以下问题向wordpress博客发表评论：PostcommenttoWordPressBlogfromiPhoneprogrammatically我做了... 查看详情

小付博客目录

...习的一些知识，以及处理异常的方法，如果我的博客对你有帮助，也是你所喜欢的内容，请“点赞” “评论” “收藏” 一键三连，就是对我最大的支持一、项目案例总结：ssm项目案列总结大数据Vue... 查看详情