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

孤狼

171
文章

118
评论

2019年4月29日16:35:422521,905 3959字阅读13分11秒

摘要

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

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

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

<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/ 就可以看到输出内容了。

【博客集成】

我们已经完成了这个接口的自建部署，现在可以把这个功能搬到博客上了。
部署方法和其他博客基本一致，非常简单。

将下面两行代码添加到博客你想显示一言的位置即可

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

不过，这样输出的样式可能会比较丑，如果你懂 CSS 的话可以自己再美化美化。
当然，Begin 主题或者不会 css 的朋友可以先试下我这边写好的 css 代码（可以加到 style.css）：
部署完成之后，前台刷新应该就可以看到效果了，每次刷新都会随机展示一言经典句子。如果你有新的句子，也只要编辑 hitokoto.txt 文件加入即可。