关于在Typecho评论框中调用一言(Hitokoto)


现在很多网站上都添加了Hitokoto(一言),能让网站看起来更好?随便放哪儿感觉还是不太好的,那么我可以可以将它放到评论框里啊,这里的空间不用白不用;另外也可以避免一些水友发没有营养的评论,至少调用一言能让你看到后心情好一些。

Typecho & Hitokoto

本站使用的是Typecho程序,那么我要将一言添加到我的评论框里;网上有很多大佬提供提供一言的API接口,都可以免费调用,而我这里调用的是Hitokoto - 一言[了解一下]官方的API,因为我感觉他们数据库的内容看起来还不错。
Hitokoto首页

添加一言代码

这里参考了一篇文章(去看看),他使用的是Emlog博客,但是调用方法也是大同小异,他的代码如下:

<script>
$.getJSON("https://api.yum6.cn/yan.php?format=json",function(data){ 
  $("#comment").text(data.text);
});
$(function(){
  $("#comment").click(function() {
    $(this).select();
  })
})
</script>

这里我们用同样的方法,只不过代码稍微修改一下即可,代码如下:

<script>
    $.getJSON("https://v1.hitokoto.cn/",function(data){ 
      $("#textarea").text(data.hitokoto);
    });
    $(function(){
      $("#textarea").click(function() {
        $(this).select();
      })
    })
</script>

Ps:https://v1.hitokoto.cn/是一言官方的默认调用地址,#textarea是主题评论框的ID,不同主题ID可能不同,可在Comments文件中找到,把data.text修改为data.hitokoto即可。
我们将上方代码添加到Typecho主题的Header或者Footer文件中保存,如下所示:
添加一言代码
这个时候到文章页面刷新一下,已经可以看到效果,并且每刷新一次页面一言内容都会随之改变。
效果展示

声明:官仁有话说 / 版权所有,违者必究 / 如未注明,均为原创 / 本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - 关于在Typecho评论框中调用一言(Hitokoto)


我那么喜欢她,还未来得及给一个拥抱,如果她真的决定要走了,我该如何挽留 —— 2019 在成都遇见了她