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

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

小关_

打酱油的路过~~
管理成员
UID
255
注册
2019/01/25
消息
489
反馈评分
1,408
黄金
6,841.1G
    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
反馈评分
82
黄金
2,549.5G
    Windows 10 Chrome 78.0.3904.108
  • #2
:ROFLMAO: :ROFLMAO: :ROFLMAO:
 

死了算了

管理成员
UID
1
注册
2017/07/28
消息
1,303
反馈评分
5,266
黄金
125,419.9G
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>
 
UID
343
注册
2019/04/28
消息
19
反馈评分
16
黄金
5,736.5G
    Android Chrome Mobile 83.0.4103.106
  • #4
 
UID
923
注册
2020/07/09
消息
72
反馈评分
8
黄金
1,675.5G
    Android 5.x Lollipop Chrome 81.0.4044.117
  • #5
(y):sneaky:
 
顶部 底部