看到许多网站上都有经典语录这个功能,于是我在闲的没事在该博客中添加了一言。

一言网创立于2016年,隶属于萌创 Team,目前网站主要提供一句话服务。动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。如果可以,我们希望我们没有停止服务的那一天。简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。

看网上有位大神自己写的方法,据说对网站打开速度有影响,一想,服务器带宽小,速度本来就慢,于是就算了吧。

附上大神的代码:https://liuronghuan.com/yiyan.html

<?php
    $url = "https://v1.hitokoto.cn";
    $json_date=file_get_contents($url);
    $date=json_decode($json_date, true);   
    echo wp_trim_words($date["hitokoto"], 26 )
?>

我现在已经不用WordPress了,以前用WordPress的时候我把这个代码放在小工具栏上,就是在网站右边有那么一个小栏目显示。不过现在我已经不用啦。

看看官方demo,感觉不错,省心,于是我就直接把代码复制下来了。。。

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

<!-- 现代写法,推荐(不支持 IE) -->
<script>
  fetch('https://v1.hitokoto.cn')
    .then(response => response.json())
    .then(data => {
      const hitokoto = document.getElementById('hitokoto');
      hitokoto.innerText = data.hitokoto;
    })
    .catch(err => console.error(err));
</script>

<!-- 如果你配置了 Axios.js -->
<script>
  axios.get('https://v1.hitokoto.cn')
    .then(({data}) => {
      const hitokoto = document.getElementById('hitokoto');
      hitokoto.innerText = data.hitokoto;
    })
    .catch(err => console.error(err))
</script>

<!-- 如果你的站点使用了 jQuery(如果是 JQ 3.x 以及更新的版本, 你得使用完整版的 JQ), 那么你可以... -->
<script>
  $.ajax({
    type: 'GET',
    url: 'https://v1.hitokoto.cn',
    dataType: 'jsonp',
    jsonp: 'callback',
    jsonpCallback: 'hitokoto',
    success: function (data) {
      $('#hitokoto').text(data.hitokoto);
    },
    error: function (jqXHR, textStatus, errorThrown) {
      // 错误信息处理
      console.error(textStatus, errorThrown);
    }
  });
</script>
<!-- P.S 我们依然不推荐使用 jQuery Ajax。 推荐使用 fetch api 或者 axios.js-->

<!-- 老式写法,兼容性最好; 支持 IE -->
<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://v1.hitokoto.cn/?c=f&encode=text (请求获得一个来自网络的句子,并以纯文本格式输出)

不愿意折腾的人直接把这个页面嵌入网站某个角落就好啦。

如果觉得我的文章对你有用,请随意赞赏