1677天 博客通用头像 Edwiin

本人熟练掌握linux,windows的开关机,擅长nfs,samba,ftp,dhcp,bind,apache,mail等各项服务的安装与卸载,精通shell,mysql,iptables,selinux等单词的拼写,了解虚拟化,存储,集群等相关汉字的书写。

使博客更加可爱:让emlog全站支持emoji表情😘

发布于 5个月前 / 96 次围观 / 0 条评论 / 技术学习 / Edwiin
本文最后更新于2020-5-11,已超过 1 个月没有更新,如果文章内容或图片资源失效,请【留言反馈】,我会及时处理,谢谢!

让emlog更加可爱:让博客全站支持emoji表情😘

使博客更加可爱:让emlog全站支持emoji表情1

🌑起因

今天早上无意之间翻到了emoji表情大全,无奈emlog不支持emoji😂

🌓发展

问过@啥都不会的小猪@娜娜后,就干吧干吧操作了起来,还以为很难,💪没想到超级顺利。

🌔经过

在网上搜了一波,顺便还发现了可以放进评论框的操作,于是就让仅支持emoji变成了评论、下载、微语等全站支持了;

使博客更加可爱:让emlog全站支持emoji表情2

娜娜给了一个修改手册,如下,手动修改,我是使用phpmyadmin进行的操作:

1、修改文章:
emlog_blog表,title字段结构,排序规则修改为utf8mb4_general_ci
emlog_blog表,content字段结构,排序规则修改为utf8mb4_general_ci
emlog_blog表,excerpt字段结构,排序规则修改为utf8mb4_general_ci
2、修改评论:
emlog_comment表,poster字段结构,排序规则修改为utf8mb4_general_ci
emlog_comment表,comment字段结构,排序规则修改为utf8mb4_general_ci
3、修改微语:
emlog_twitter表,content字段结构,排序规则修改为utf8mb4_general_ci
4、修改MySQL接入:
1)、网站文件的根目录下找到include/lib/mysql.php,大约在58行
将mysql_query("SET NAMES 'utf8'");  修改为mysql_query("SET NAMES 'utf8mb4'");
2)、网站文件的根目录下找到include/lib/mysqlii.php,大约在70行
将utf8修改为utf8mb4

在改emlog_blog表的content字段的时候,我报错了,难搞哦,于是我通过SQL语句手敲了一次就成功了,如果有遇到同样报错的小伙伴可以试试以下SQL语句:

使博客更加可爱:让emlog全站支持emoji表情3

ALTER TABLE `emlog_blog` CHANGE `content` `content` LONGTEXT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL;

改完之后就完了,文章标题、内容、评论、微语就都已经支持显示可萌又可爱的emoji表情了,确实简单😂

由于我安装了下载插件,我改完之后,发布文章下载插件就要报数据库错误,然后又去数据库里面改了emlog_cpdown表的xunlei、tszwp、tszwpmima、other这4个字段的默认值为NULL,顺便再把name字段排序规则也改成utf8mb4_general_ci,这样一来,下载页面也支持emoji了👍

🌕高潮

乍一想不对啊,那要光支持了,之后咋用,刚刚找的评论框表情插入被我忘了😬

notepad++打开module.php,由于我是使用的Null模板售价100元🙋←点她买

其他模板我没试过,就自行参考吧。找到模板评论提交表单的位置,找到适合的位置添加以下代码

<img src="https://www.yujianxinliu.com/emoji/icon.png" id="openFace" title="添加emoji表情">						
	<div class="faceDivBox" style="width:100%;height:530px;display:none;">
		<div class="faceDiv" style="height:530px;">
			<section class="emoji-box"></section>
			<div class="tabbox">
				<section class="emoji-tab"></section>
			</div>
		</div>
		<a class="closeFaceBox" href="javascript:void(0)">×</a>
	</div>
<script type="text/javascript" src="https://www.yujianxinliu.com/js/emojisort.js"></script>
<script type="text/javascript" src="https://www.yujianxinliu.com/js/emoji.js"></script>
<script>
$(document).ready(function(){
	sdEditorEmoj.Init(emojiconfig);
	sdEditorEmoj.setEmoji({type:'input',id:"comment"});
})
</script>

然后在模板头部文件header.php中添加css的引用代码:

<link href="https://www.yujianxinliu.com/css/tools.css" rel="stylesheet" />
<link href="https://www.yujianxinliu.com/css/emojibg.css" rel="stylesheet" />

然后,然后我就记不起来了,css和js文件,还有emoji文件,我打包一份放上来:

emoji评论框源文件.zip
 

🌘结尾

所有操作就完成了,下面是我各个操作完成的截图

使博客更加可爱:让emlog全站支持emoji表情4

康娜也支持显示emoji表情

使博客更加可爱:让emlog全站支持emoji表情5

文章上下篇也支持显示emoji表情

使博客更加可爱:让emlog全站支持emoji表情6

这是下载页面,可以看到浏览器标签也是支持emoji表情

使博客更加可爱:让emlog全站支持emoji表情7

小伙伴以后发评论就可以通过这个地方选择emoji表情

使博客更加可爱:让emlog全站支持emoji表情8

哈哈哈,就连评论邮件通知,都是可以正常显示emoji表情,可见emoji之强大的兼容能力

还可以通过emoji表情搜索文章标题、通过朵拉机器人发微语,还有啥不行的😝?

🌚收场

搞完了才找到一个自动更改数据库脚本,累死我了,我改的时候还生怕改错一点崩掉呢。。

丢上来丢上来,上传到根目录,访问就完成了🍻,下面是访问结果:

Update emlog_blog -> title
Update emlog_blog -> content
Update emlog_blog -> excerpt
Update emlog_comment -> poster
Update emlog_comment -> comment
Update emlog_twitter -> content
Update emlog_reply -> name
Update emlog_reply -> content
Update mysql lib
Update mysqli lib
Done

没啥技术含量,图个好看,主要是选择多,体积小,没有表情费资源流量百度收录还好看,何乐而不为😍

版权说明:本文属本站原创,未经授权,禁止转载,转载不带原地址nmbs👿

全站顶部广告位

  • 支付宝赞助图片
  • 微信赞助图片
  • QQ赞助图片
头像
描述: 还好有你,再见如初。

Press Space to start