在wordpress中增加一言

发布于 2019-03-16  936 次阅读


本文根据https://hitokoto.cn/api上的指引完成

简单来说,就只用在侧边栏小工具中添加html挂件,输入

<pre class="lang:xhtml decode:true"><p id="hitokoto">:D 获取中...</p>
<!-- 兼容低版本浏览器 (包括 IE),可移除 -->
<script src="https://jsdelivr.amogu.cn/npm/bluebird@3/js/browser/bluebird.min.js"></script>
<script src="https://jsdelivr.amogu.cn/npm/whatwg-fetch@2.0.3/fetch.min.js"></script>
<!--End-->
<script>
  fetch('https://v1.hitokoto.cn/?c=a')
    .then(function (res){
      return res.json();
    })
    .then(function (data) {
        var from = document.getElementById('from');
      var hitokoto = document.getElementById('hitokoto');
      hitokoto.innerText = data.hitokoto + '——' + data.from; 

    })
    .catch(function (err) {
      console.error(err);
    })
</script></pre>

fetch中的api可以根据https://hitokoto.cn/api中关于参数的解释进行更改

对于在任意位置添加,可以直接在footer或header中需要的位置添加,使用center进行居中

<center>
一言<br>
<p id="hitokoto">:D 获取中...</p>
<!-- 兼容低版本浏览器 (包括 IE),可移除 -->
<script src="https://jsdelivr.amogu.cn/npm/bluebird@3/js/browser/bluebird.min.js"></script>
<script src="https://jsdelivr.amogu.cn/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 from = document.getElementById('from');
      var hitokoto = document.getElementById('hitokoto');
       hitokoto.innerText = '「' + data.hitokoto + '」' + '—— ' + data.from;

    })
    .catch(function (err) {
      console.error(err);
    })
</script>
</center>