WordPres实现随机显示一句话经典句子、名人名言的两种方法 – WordPress美化

王小优
王小优
王小优
231
文章
0
评论
2015年8月3日
评论
7,864 2092字阅读6分58秒
摘要

经常浏览博客的人可能都知道一言(至少大多数人知道吧),一言主要提供一句话服务。很多时候,我们总会看到有那么一两个句子能穿透你的心。而一言就是把这些句子汇聚起来,形成一言网络,以传递更多的感动。简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。或是感动,或是开心,有或是单纯的回忆。同时,一言网络也为我们开放了一句话api接口,我们可以通过一定手段,把一言的经典句子调用到自己博客,看到很多博客都已实现,这个功能感觉很是高大上,于是也弄了一个。

WordPres实现随机显示一句话经典句子、名人名言的两种方法 – WordPress美化

方法一:

实现方法很简单,将以下代码添加在你希望显示的地方即可。

  1. <script type="text/javascript" src="https://api.lwl12.com/hitokoto/main/get?encode=JS&charset=utf-8"></script><div id="lwlhitokoto"><script>lwlhitokoto()</script></div>

这种方法确实简单,不过不太喜欢,因为调用的是一言全站数据,就显有些得纷繁复杂了,各门各类甚至很污的句子也有存在,而且经常会出现接口不稳定的现象。

所以再为大家介绍另外一种方法,这种方法的好处就是你可以把自己喜欢的经典句子添加进去。

方法二:

接下来我向大家介绍实现方法。

一、代码部署

在根目录新建文件夹hitokoto(这个自己随机定义),并将以下代码保存为index.php放在文件夹内。

  1. <?php
  2. //获取句子文件的绝对路径
  3. //如果你介意别人可能会拖走这个文本,可以把文件名自定义一下,或者通过Nginx禁止拉取也行。
  4. $path = dirname(__FILE__);
  5. $file = file($path."/hitokoto.txt");
  6. //随机读取一行
  7. $arr  = mt_rand( 0, count$file ) - 1 );
  8. $content  = trim($file[$arr]);
  9. //编码判断,用于输出相应的响应头部编码
  10. if (isset($_GET['charset']) && !emptyempty($_GET['charset'])) {
  11.     $charset = $_GET['charset'];
  12.     if (strcasecmp($charset,"gbk") == 0 ) {
  13.         $content = mb_convert_encoding($content,'gbk', 'utf-8');
  14.     }
  15. else {
  16.     $charset = 'utf-8';
  17. }
  18. header("Content-Type: text/html; charset=$charset");
  19. //格式化判断,输出JS或纯文本
  20. if ($_GET['format'] === 'JS') {
  21.     echo "function hitokoto(){document.write('" . $content ."');}";
  22. else {
  23.     echo $content;
  24. }

二、自定义句子文本

新建文件hitokoto.txt并上传到hitokoto文件夹,然后把你喜欢的句子写入文本,注意一行一个句子,当然如果想要现成的,你可以下载我们提供文件,直接上传即可。

博客集成

第一步我们已经完成了这个接口的自建部署,现在可以把这个功能搬到博客上了。

部署方法和其他博客基本一致,非常简单,将下面两行代码添加到博客你想显示一言的位置即可:

  1. <script type="text/javascript" src="https://你的域名/hitokoto/?format=js&charset=utf-8"></script>
  2. <div id="hitokoto"><script>hitokoto()</script></div>

美化

不过,这样输出的样式可能会比较丑,如果你懂CSS的话可以自己再美化美化。

当然,Begin主题或者不会CSS的朋友可以先试下我这边写好的CSS代码(可以加到 style.css):

此处为隐藏的内容
发表评论并刷新,方可查看

部署完成之后,前台刷新应该就可以看到效果了,每次刷新都会随机展示一言经典句子。如果你有新的句子,也只要编辑hitokoto.txt文件加入即可。

效果展示

WordPres实现随机显示一句话经典句子、名人名言的两种方法 – WordPress美化

上述两种方法各有优点,用哪一种就看自己的需求了,如果你嫌麻烦,建议用第一种,一段代码即可搞定,如果想要添加自己喜欢的句子,就只能使用第二种方法了,不过相对麻烦一点,各位按需所取吧。

好了,文章就介绍这么多,喜欢的朋友可以试下了。

下载信息 文件名称:hitokoto.txt 应用平台:WordPres 文件大小:114KB 文件下载:2 次
网盘密码:发表评论并刷新可见
下载地址
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微博
  • 微博扫一扫
  • weinxin
王小优
为WordPress最新文章增加NEW最新提示标志 WordPress美化

为WordPress最新文章增加NEW最新提示标志

纯代码给WordPress文章列表中新发布的文章增加NEW新文章提示,让你的博客更加饱满、人性化,一起跟王小优折腾起来。 看到不少网站的新文章后面都会有一个提示最新文章的文字或者图片,感觉比较人性化,...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: