本博客现在用的是Mirages主题,需要在theme.min.css文件中找到以下代码:

.avatar{float:left;margin:0 .625rem 0 0;border-radius:3.125rem;width:3.125rem;height:3.125rem;background-color:#f0f0f0}

修改为:

.avatar{float:left;margin:0 .625rem 0 0;border-radius:3.125rem;width:3.125rem;height:3.125rem;background-color:#f0f0f0;transition: all 0.5s}.avatar:hover{transform:rotate(360deg)}

即可大功告成!
具体演示效果,可参照本博客评论头像。

【transition: all 0.5s】是表示旋转在0.5秒内完成,可自行修改速度
【transform: rotate(360deg)】表示图片旋转360度,可自行修改