WordPres博客实现随机显示一句话经典句子、名人名言的两种方法

2019年4月28日01:06:50 发表评论 530
摘要

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

 

WordPres博客实现随机显示一句话经典句子、名人名言的两种方法

 

方法一:

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

 

  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):

  1. #hitokoto{
  2.     border-left5px solid #2f889a;
  3.     border-right5px solid #2f889a;
  4.     background-color#ebebeb;
  5.     padding10px;text-aligncenter;
  6.     color#095AD4;
  7.     margin5px 0 5px 0;
  8. }

 

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

效果展示

WordPres博客实现随机显示一句话经典句子、名人名言的两种方法

 

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

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

 

 

下载信息 文件名称:hitokoto.txt 应用平台:WordPress 软件版本: 文件大小:103.36KB
下载地址
若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的QQ
  • QQ扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin

发表评论

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