• 欢迎 游客 您的光临,下载之前请先阅读 积分规则(暂行) 。任何技术问题请在论坛提问,本站定制插件、模板主题售前、售后问题请联系QQ:5916171

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

小关

打酱油的路过~~
管理成员
UID
255
注册
2019/01/25
消息
492
点数
93
黄金
10,970.5G
    Windows 10 Chrome 80.0.3987.149
  • #1
1.进入后台--外观--小工具
2.点击右上角“添加小工具”
3.“新增小工具定义”选择“HTML”
4.代码拿走谢 @9527
HTML:
<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.效果图:
QQ截图20200421115249.png
 

9527

Cnury 站长
UID
259
注册
2019/01/30
消息
32
点数
18
黄金
3,381.6G
    Windows 10 Chrome 78.0.3904.108
  • #2
:ROFLMAO: :ROFLMAO: :ROFLMAO:
 

死了算了

管理成员
UID
1
注册
2017/07/28
消息
1,328
点数
113
黄金
231,644.7G
HTML:
<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>
 
顶部 底部