WordPress 博客集成 Hitokoto 一言经典语句功能
WordPress 博客集成 Hitokoto 一言经典语句功能

WordPress 博客集成 Hitokoto 一言经典语句功能

一言网(Hitokoto.cn)创立于 2016 年,隶属于萌创 Team,目前网站主要提供一句话服务。

动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。如果可以,我们希望我们没有停止服务的那一天。

简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。
或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。

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']) && !empty($_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. }

博客集成:

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

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

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

添加样式

不过,这样输出的字符样式可能是默认的,加入到你博客页脚的标签中,如果没有定义样式,可以自定义一下样式。

  1. #hitokoto {
  2. border-left: 5px solid #41acf0;
  3. border-right: 5px solid #41acf0;
  4. background-color: #ebebeb;
  5. padding: 10px;
  6. text-align: center;
  7. color: #41acf0;
  8. margin: 5px 0 5px 0;
  9. position: relative;
  10. top: -40px;
  11. }

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

代码下载:https://benson88.lanzn.com/ikwQ61p5qn5g

演示网站:http://sunxiao.0fees.net/

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Title - Artist
0:00