Other API

一言

一言

<!-- 请注意，以下的示例包含超链接，您可能需要手动配置样式使其不变色。如果您嫌麻烦，可以移除。 -->
<p id="hitokoto"><a href="#" id="hitokoto_text">:D 获取中...</a></p>
<!-- 以下写法，选取一种即可 -->

<!-- 现代写法，推荐(不支持 IE) -->
<!-- 由于直接调用的fetch属于浏览器方法而不是node.js已知方法，最新的node.js编译无法通过:
ReferenceError: fetch is not defined
解决：
1. npm install node-fetch
2. const fetch = require('node-fetch') -->
<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>

<!-- Vue3 -->
<!-- Vuepress 可用axios方法-->
<script>
export default {
  mounted() {
    axios
      .get("https://v1.hitokoto.cn/?c=d&c=e&c=i&c=j&c=k")
      .then(({ data }) => {
        const hitokoto = document.getElementById("hitokoto_text");
        hitokoto.href = "https://hitokoto.cn/?uuid=" + data.uuid;
        hitokoto.innerText = "🍃「 " + data.hitokoto + "」";
      })
      .catch(console.error);
  },
};
</script>

<!-- or -->
<script
  src="https://v1.hitokoto.cn/?encode=js&select=%23hitokoto"
  defer
></script>

: ) Loading...

IP

IP签名