【WordPress 教程】博客集成Hitokoto经典语句API功能

2019年4月29日16:35:42 2 5,441
摘要

一言网(Hitokoto.cn)创立于 2016 年,隶属于萌创 Team,目前网站主要提供一句话服务。动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。如果可以,我们希望我们没有停止服务的那一天。简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。

【调用自由天空的一言 API 接口】

实现方法很简单,将以下代码添加在你希望显示的地方即可。
  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.txt并上传到文件夹hitokoto,然后把你喜欢的句子写入文本,注意一行一个句子,当然如果想要现成的,你可以下载本站提供文件,直接上传即可。
  • 把 hitokoto.txt 上传到和 index.php 同级目录,比如 hitokoto 文件夹内。
  • 现在,浏览器访问 http://你的域名/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 文件加入即可。

【CSS样式】

Begin主题可加入自定义样式
  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. }

【一言官方 API 版】

  • 在这里,再来教大家一个使用一言官方 API 的方法~
  • 首先,在主题 functions.php 中加入以下代码:
此处为隐藏的内容!
发表评论并刷新,方可查看

【总结】

  1. 上述两种方法各有优点,用哪一种就看自己的需求了。
  2. 如果你嫌麻烦,建议用调用自由天空的一言 API 接口,一段代码即可搞定。
  3. 如果想要添加自己喜欢的句子,就需要从部署接口开始折腾,不过相对麻烦一点,各位按需所取吧。
  4. 好了,文章就介绍这么多,喜欢的朋友可以试下了。

【效果展示】

发表评论

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

目前评论:2   其中:访客  2   博主  0

    • 你忙你忙吧 你忙你忙吧

      规范化风格化激光焊接和g

      • 9566565 9566565

        不错支持一下