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

孤狼
171
文章
94
评论
2019年4月29日16:35:42 19 17,317 3959字阅读13分11秒
摘要

一言网(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. 好了,文章就介绍这么多,喜欢的朋友可以试下了。

【效果展示】

继续阅读
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
  • 本文由 发表于 2019年4月29日16:35:42
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

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

评论:19   其中:访客  18   博主  1
    • 钟诚俊 钟诚俊

      今夜偏知春意暖,虫声新透绿窗纱—-【唐·刘方平·夜月】

      • 明月秋枫 明月秋枫

        事如芳草春长在,人似浮云影不留—-【宋·辛弃疾·鹧鸪天】

        • 时倾。 时倾。

          前不见古人,后不见来者;念天地之悠悠,独怆然而涕下!—-【登幽州台歌(唐陈子昂)】

          • ls ls

            春心莫共花争发,一寸相思一寸灰—-【唐·李商隐】

            • ls ls

              残雪暗随冰笋滴,新春偷向柳梢归—-【宋·张耒·春日】

              • 你真好 你真好

                沾衣欲湿杏花雨,吹面不寒杨柳风—-【宋·志南】

                • ls ls

                  目前来说不推荐不带独立驱动的USB7.1耳机,避免出现随机没有声音的问题。

                  • jsgncj jsgncj

                    父母在,不远游,游必有方。— 孔子