技巧教程 给你的网站添加一个“每日一言”小工具

[小关_]

1.进入后台--外观--小工具
2.点击右上角“添加小工具”
3.“新增小工具定义”选择“HTML”
4.代码拿走谢 @9527 ：

<div class="block" data-widget-definition="digest">
    <div class="block-container">
        <h3 class="block-minorHeader">一言</h3>
        <ul class="block-body">
            <li class="block-row">
            <div><p id="hitokoto">:D 获取中...</p>
<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>   
</div>
            </li>
        </ul>
    </div>
</div>

5.效果图：

 

[9527]

 

[死了算了]

<div class="block" data-widget-definition="digest">
    <div class="block-container">
        <h3 class="block-minorHeader">诗词</h3>
        <ul class="block-body">
            <li class="block-row">
            <div>
              <span id="jinrishici-sentence">正在加载今日诗词....</span>
            </div>
            </li>
        </ul>
    </div>
</div>

<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>

 

[kindyear]

赞

 

[qinghan]