给博客加入“一言”

流年 2645字数 649阅读2分9秒

前一段弄自己的导航站,给导航站添加了一个“一言”,每次打开就会显示一句随机的话,觉的蛮有意思,随便加到到博客上。 给博客加入“一言”-图片1

页面:https://lnaa.top/shuo

给博客加入“一言”-图片2

方法

1.复制以下代码,添加到网站js文件内

<script>
  fetch('https://v1.hitokoto.cn')
    .then(response => response.json())
    .then(data => {
      const hitokoto = document.getElementById('hitokoto_text');
      hitokoto.href = 'https://hitokoto.cn/?uuid=' + data.uuid;
      hitokoto.target = '_blank'; // 设置链接在新窗口中打开
      let data_ = data.hitokoto;
      if (data_.length > 22) {
        data_ = data_.substring(0, 22);
        data_ = data_ + "...";
      }
      hitokoto.innerText = data_;
      var top_logo_me = document.getElementById('hitokoto_text');
      top_logo_me.style.display = 'block';
    })
    .catch(console.error);
</script>

2.复制  <a id="hitokoto_text"></a> 放在你需要显示一言的地方。

<a id="hitokoto_text"></a>

3.大功告成

流年
  • 本文由 流年 发表于 2024年1月14日19:03:35
  • 除非特殊声明,本站文章均为原创,需要转载,请留言说明!
评论  2  访客  1  作者  1
    • 手机游戏网
      手机游戏网 1

      可以给自己喂喂鸡汤,不过我感觉这个功能没多少用

        • 流年
          流年

          @ 手机游戏网 确实没啥用,就是感觉那边有点空,加点东西。。

      匿名

      发表评论

      匿名网友
      :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
      确定

      拖动滑块以完成验证