在Hexo Next主题的页眉添加一言

欢迎访问个人博客

在逛大佬们的博客时有时候看到会随机显示一句话，每次刷新也会改变，了解了下发现大部分用的是一言API，就也想在自己博客的标题下加一个

调用一言也不难，但是因为我对前端一点也不熟悉，导致搞了好长时间才使得显示效果合适

只需要在主题目录下的页眉文件中添加以下代码即可

<script>
  fetch('https://v1.hitokoto.cn/?c=a&c=b&c=c&c=d&c=h&c=l') # 这里的链接可以根据文档自定义
    .then(response => response.json())
    .then(data => {
      const hitokoto = document.getElementById('hitokoto_text')
      hitokoto.href = 'https://hitokoto.cn/?uuid=' + data.uuid
      hitokoto.innerText = data.hitokoto
      const from = document.getElementById('from')
      from.innerText = data.from
    })
    .catch(console.error)
</script>
<p id="hitokoto" style="text-align:center"><b id="hitokoto_text"></b>——
<b id="from"></b></p>
</div>

效果

关于一言API更多使用方法可以查看官方文档