前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >自建一言语录api

自建一言语录api

作者头像
qiangzai
发布2021-12-20 21:22:08
1.8K0
发布2021-12-20 21:22:08
举报
文章被收录于专栏:强仔博客强仔博客

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

文字教程

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

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

调用方法

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

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

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

代码语言:javascript
复制
<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>

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

代码语言:javascript
复制
<script type="text/javascript" src="https://q6q.cc/api/yiyan/api.php?format=js"></script><script>yiyan()</script>

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

代码下载

网盘下载

效果演示

打字效果,希望你喜欢。

更多说明

我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=xp5d9fxk7lsq

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-211,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 文字教程
  • 调用方法
  • 代码下载
  • 效果演示
  • 更多说明
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档