MENU

Catalog

    在wordpress中增加引入一言

    March 30, 2021 • Read: 552 • 默认分类

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

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

    <pre class="lang:xhtml decode:true"><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/?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://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 from = document.getElementById('from');
          var hitokoto = document.getElementById('hitokoto');
           hitokoto.innerText = '「' + data.hitokoto + '」' + '—— ' + data.from;
     
        })
        .catch(function (err) {
          console.error(err);
        })
    </script>
    </center>
    

    - - - The END - - -
  • 文章作者:谭先生
  • 版权所有:文章转载时,注明出处即可!
  • 本站部分资源收集于网络,纯个人收藏,无商业用途,如有侵权请及时告知!
  • Last Modified: August 4, 2021
    Archives QR Code Tip
    QR Code for this page
    Tipping QR Code
    阅读:552