自建一言语录api

2020-09-21T19:11:00

写一个一言api,Hitokoto·一言是一个挺有意思的功能,简单来说,一言就是指一句话,可以是动漫中的台词,也可以是网络上的各种小段子,或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。我的网站都喜欢加一个一言句子,就是单纯的喜欢,之前都是调用别人的接口,最近看到一些简单的PHP教程学会了,分享一哈,如果是像我这种比较喜欢折腾的朋友,可以考虑自己弄一个,主要是方便管理句子库内容。(我的都是网易云热评),下面简单的介绍下我这边的做的过程。

文字教程

首先我们开始部署接口文件

以上代码保存为[c=red]api.php[/c] ,然后上传到网站目录下(自己随机定义),剩下工作就是准备语录了,代码的意思呐就是随机从语录txt文本文件中随机取一行输出,这里分享一个我收集的语录文本hitokoto.txt
把 [c=red]hitokoto.txt[/c] (语录文本)上传到和上面 [c=red]api.php[/c] (接口文件)同级目录,这样就部署完成了就可以直接根据你的存放目录访问了
例如我的:https://qz.al/api/yiyan/api.php

调用方法

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

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

不过,这样输出的样式可能会比较丑,如果你懂 CSS 的话可以自己再美化美化。当然,不会 css 的朋友可以先试下我这边写好的 css 代码(可以加到 style.css) [c=purple]打字效果的呦[/c] ,本人超喜欢

<style>.print{width:1000px;white-space:nowrap;overflow:hidden;-webkit-animation:dy 3s steps(60,end) infinite;animation:dy 3s steps(50,end) infinite;}@-webkit-keyframes dy{from{width:0;}}@keyframes dy{from{width:0;}}</style><div class="print"><script type="text/javascript" src="https://你的文件路径/api.php?format=js&charset=utf-8"></script><script>hitokoto()</script></div>

如果你比较懒,不想自己做,可以直接调用我的

<script type="text/javascript" src="https://qz.al/api/yiyan/api.php?format=js"></script><script>yiyan()</script>

更懒的人请直接下载强仔打包好的上传即可

代码下载

网盘下载

效果演示

[c=pink]打字效果,希望你喜欢。[/c]

更多说明

当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »