木灵鱼儿
阅读:9041
typecho 评论表单头像
关于评论表单的这个头像,其实挺麻烦的,动不动代码就会报错,超蛋疼的,于是我琢磨了下,想了个思路。
- 用户未登录使用固定头像
- 用户登录了使用登录头像
- 用户是访客,已经留言了,使用留言的邮箱获取头像
众所周知,typecho的头像是使用全球头像Gravatar的,Gravatar他本身也是通过邮箱来设置账户的,所以我们通过邮箱也能获取到头像地址。
不多说,上代码
其中
images/comment/akari.jpg
这个是主题目录里面固定头像的路径,自己根据自己的主题设置即可,其他的直接用。效果还不错,因为typecho会把已留言的游客邮箱和用户名保存在cookie里面,我们就可以利用php自动去读取这个邮箱,再里面md5签名算法,得到Gravatar的头像地址段。
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。
相关推荐
让typecho支持特殊字符
起因由于最近在了解前端js中length不准的问题,其中文章带有一些特殊字符,而typecho和mysql都只是支持UTF-8字符,但是这个utf-8并不是真正意义上的utf-8,它最多支持3个字节的内容,也就是24bit,而我文章中的特殊字符是需要4个字节来存储的,这就导致文章无法正常的展示和保存。这个特殊字符和现在移动端常用的emoji表情差不多,emoji也是一种特殊字符,所以该教程同样适用于如何让typecho支持emoji表情。教程打开宝塔的phpmyadmin -> 找到typecho的数据库 -> 操作 -> 滑动到最底部找到排序规则 -> 选择ut...

开源主题-高仿掘金《JJ》
前言写这个主题花了一些时间,我的想法是希望有一个优秀的阅读体验,毕竟本人喜欢记笔记,分享一些平遇到的问题和解决方法。于是乎看中了掘金的样式,挺适合阅读的,加上个人审美确实不太行,就想仿一下样式。随着现在前端的发展,一些新的特性增加,如果还是保持在旧的思维上,我觉得限制了开发者的自我提升,所以,本主题采用了大量es6的js语法,css上采用scss编译,如果你有兴趣,可以一起参与开发。主题预览github地址《Typecho_Theme_JJ》

typecho 真的很简单的自定义评论列表
以前写过一个关于自定义评论的文章,时至如今来看,还是有很多不足的,昨晚再新写主题的时候,也重新写了一次自定义评论,嗯,有了新的理解,因为其实真的很简单,仔细阅读本篇文章,相信你会有收获的。[hide]自定义评论模板到底要怎么做很简单,可以理解为两步:编写自定义评论的模板通过php渲染出自定义模板评论而为什么大多数人不会,其实就是因为官方的文档真的是,如果懂php的人,可能看了一两遍后明白了怎么回事,但是如果是小白入门,纯前端的童鞋,可能看的一脸蒙蔽。就算是原封不动的copy官方的示例代码也还是会报错,心累...因为,你不知道他要做什么,我编写了自定义模板函数threadedComment...

centos 不小心删除了安装源repo文件的救命稻草
折腾小主机的时候,不小心没备份成功,删除了repo安装源文件,导致现在yum干啥都报错,特别是,我没有安装wget,真的是叫天天不应,入地地无门。唯一的办法就是去别的地方拿一个相同版本的系统的安装源,要么重装。这时,我们就需要这根救命稻草了[hide]打开这个网址:阿里安装源找到你系统对应的版本,比如我是8.x的版本,我们就下载Centos-8.repo这个文件,下载完毕后上传到centos系统/etc/yum.repos.d目录下。上传前记得改名为:CentOS-Base.repo然后我们清理缓存,重建缓存yum clean all yum makecache完事搞定,yum又活过来了...
windows10 子系统ubuntu安装宝塔配置开发环境
我真的是被小主机给整疯了,不想再碰了,又准备回到虚拟机的行列,但是还用vw总感觉不合我意。docker安装看了下,确定了,不会用。于是打起来windows10的子系统的主意,虽然目前有一点瑕疵,但是问题不大。先开启功能控制面板 --- 程序和功能 --- 启用或关闭windows功能 --- 勾选:Hyper-v和适用于Linux的windows子系统下载最新的内核包:Linux 内核更新包下载完双击安装即可。安装完毕我们需要切换到wls2,打开PowerShell,输入以下命令wsl --set-default-version 2然后就是安装linux系统[hide]安装之前,以防万一...

Lay 响应式Typecho博客主题 V1.1.2
Lay 是一个精心制作的侧边栏主题,提高了响应速度,优化了诸多地方历经时间打磨,更贴合需求预览特性基于Layui框架制作,模块化结构,异步加载js,加快页面响应响应式布局html5+css3+es5+es6基于Layui框架模块化结构异步js加载优秀的灯箱比较全面的代码高亮,精选四种高亮主题,支持常用的语言,还支持:shell、sass、scss、styles、less、c++、go、php、nginx、等语言。缩略文章无刷新加载,增加用户体验支持主题可视化配置侧边栏导航三种主题,可设置支持微信、支付宝二维码赞助符合国内的分享功能支持评论表情,更新了一些表情支持前台登录支持前台注册点赞效...

typecho 超完美上一篇下一篇文章加文章缩略图
之前写过一篇typecho上一篇下一篇的文章,但是当时是对官方的代码进行小改,虽然文章标题,链接都能获取到,但是没法获取到更多,包括文章缩略图。为此我是绞尽脑汁啊,还参考了一些有这种效果的作品,发现,不行,没有我想要的效果。他们的效果都是获取文章的自定义字段,也就是和自定义文章缩略图的那种路子,你只有设置了,他这里才能显示,他不能自动去获取,有的好像连个随机不够做吧。终于,有一天晚上,我一时兴起,想解决下这个问题,于是有了这篇文章,首先我们需要两段代码,这两段代码我是通过网上的代码进行修改的,去掉了一些部分。[hide]获取文章上一篇,下一篇cid/** * 显示上一篇 * * 如果没有...
typecho 获取相关文章,指定数量
typecho获取相关文章页挺常用的,官方有这个代码,这里特意分享一下,讲一下用法。<?php $this->related(4,NULL); ?> <?php if ($relatedPosts->have()): ?> <?php while ($relatedPosts->next()): ?> <a href="<?php $relatedPosts->permalink(); ?>"> <h3><?php $relatedP...
typecho 获取最新文章,指定数量
发现这个方法还常用的,特意分享出来。<?php $this->widget('Widget_Contents_Post_Recent','pageSize=5')->to($news);?> <?php if($news->have()):?> <?php while($news->next()): ?> <a href="<?php $news->permalink();?>"> <h2 class="ca...
typecho 获取文章缩略图、自定义文章缩略图、文章第一张缩略图、文章附件第一张图、文章随机图、文章随机图加速
typecho的缩略图,其实自己用了好久,最近才发现了一种最简单的组合,不用太多代码,有需要改改方法就行了。目前我总结了一个对文章缩略图的获取顺序:用户自定义缩略图文章第一张缩略图文章附件第一张图文章随机图是否开启cdn加速,使用加速地址前段本地地址基本上按照这个思路,所有的情况都能照顾到,当然我看了一些付费的主题,他会对用户自定义的缩略图进行定制,比如,大图,小图这些,其实我感觉挺麻烦的,哈哈这里我们一步一步完善这三步教程[hide]自定缩略图自定义缩略图我们需要一个自定义字段,这个自定义字段也是在网上找的别人的分享技术,这里贴出来用法直接在主题function.php文件里面,插入如...

gcq
Google Chrome Android一周了,都没审核通过??
fay
Google Chrome Windows 10学习一下
Kanyikan
Google Chrome Windows 10学习
kingkare
Google Chrome Windows 7学习一下 感谢分享
柠宇
Google Chrome Windows 10看看
小赵同学
Google Chrome Windows 10看看
小魏先生
Google Chrome Windows 10看看
永恒
Google Chrome Windows 10永恒到此一游[tv_坏笑]
小黄
Google Chrome Windows 10支持
听书
QQ Browser Windows 10瞅瞅
piqiu
Google Chrome Windows 10学习学习
Yolen
Google Chrome Windows 7看看效果[doge]