网站描述部分添加“一言”

偶然浏览一个博客的时候看见博主添加了一言,每次刷新都会有一个新的句子生成,想到我的网站描述部分还空缺,浏览了一下一言的API,就添加了上去。O(∩_∩)O

什么是一言

一言网(Hitokoto.cn)创立于2016年,隶属于萌创Team,目前网站主要提供一句话服务。

动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。如果可以,我们希望我们没有停止服务的那一天。

简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。
或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。*
*:本段文本源自hitokoto.us.

如何使用一言

只需要简单的API配置

<!-- 网页使用示例: -->
<p id="hitokoto">:D 获取中...</p>
<!-- 以下写法,选取一种即可 -->

<!-- 现代写法,推荐 -->
<!-- 兼容低版本浏览器 (包括 IE),可移除 -->
<script src="https://cdn.jsdelivr.net/npm/bluebird@3/js/browser/bluebird.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/whatwg-fetch@2.0.3/fetch.min.js"></script>
<!--End-->
<script>
  fetch('https://v1.hitokoto.cn')
    .then(function (res){
      return res.json();
    })
    .then(function (data) {
      var hitokoto = document.getElementById('hitokoto');
      hitokoto.innerText = data.hitokoto; 
    })
    .catch(function (err) {
      console.error(err);
    })
</script>

<!-- 老式写法,兼容性最忧 -->
<script>
  var xhr = new XMLHttpRequest();
  xhr.open('get', 'https://v1.hitokoto.cn');
  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
      var data = JSON.parse(xhr.responseText);
      var hitokoto = document.getElementById('hitokoto');
      hitokoto.innerText = data.hitokoto;
    }
  }
  xhr.send();
</script>

<!-- 新 API 方法, 十分简洁 -->
<script src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto" defer></script>

本文链接:

https://www.worthy.cc/355.html
1 + 2 =
7 评论
    3月28日 回复

    [...]参考Mr王的文章:网站描述部分添加“一言”,有了此想法[...]

    乱码Chrome 70Windows 10
    2018年10月28日 回复

    Hello,我也开发了一个 关于古诗词的 一言 API,可以根据场景智能推荐。不知道博主有没兴趣看一看,我们还提供炒鸡方便的安装 SDK。一起学习哈哈。 https://www.jinrishici.com

    官仁博客Chrome 63Windows 8.1
    2018年05月12日 回复

    描述部分不可以添加一言吧,官方默认是禁止添加代码类的,我的是添加到评论框了

      worthyChrome 66Windows 10
      2018年05月13日 回复

      @官仁博客 这个只是添加在主题里的描述部分,没影响head里的描述,没表达清楚。

    木月Chrome 65Windows 10
    2018年04月16日 回复

    好像对于SEO不友好,我也不懂

      worthyChrome 65Windows 10
      2018年04月17日 回复

      @木月 自己小博客 不在乎那么多

        木月Chrome 65Windows 10
        2018年04月18日 回复

        @worthy 友链呀友链呀