前言

开始，Sakura主题的个性签名是这样的：


也就是说这个东西是和后台关联的，后台的个性签名是什么，前台就是什么。这时，我就想，定死多没意思，如果能刷新一次页面变一下多好。

定位位置

我们在网页审查元素定位倒这个元素的位置：

在Sakura源码中定位到类似的代码片段：

改成一言API

找到一言接口官网：

官网给了一个使用实例：

我们就采用第一个ES6的写法，先将定位的：那一行中的模板${user.description}替换成自己的标签:

<span id="hitokoto"><a href="#" id="hitokoto_text" target="_blank">:D 获取中...</a></span>

在定位的文件imgbox.ftl底部补上Script：

<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.innerText = data.hitokoto
    })
    .catch(console.error)
</script>

就此，大功告成了！