fluid主题给网页底部添加随机一言

本文最后更新于：2024年12月14日下午

fluid主题给网页底部添加随机一言

在fluid主题配置文件footer位置添加一个div

<div class="footer-hitokoto"><a id="hitokotoa" href="#" target="_blank" rel="nofollow noopener noreferrer"><span id="hitokoto"></span></a></div>

添加以下js脚本，可以通过script标签或者外部引入js的方式

function hitokoto(o) {
    $("#hitokoto").stop().fadeOut((function() {
        $("#hitokoto").html(o.hitokoto), document.getElementById("hitokotoa").href = "https://hitokoto.cn/?uuid=" + o.uuid, $("#hitokoto").stop().fadeIn()
    }))
}

function getHitokoto() {
    var o = ["a", "b", "c", "d", "e", "i"];
    fetch("https://v1.hitokoto.cn/?encode=json&charset=utf-8&c=" + o[Math.floor(Math.random() * o.length)], {
        cache: "no-cache",
        method: "GET",
        mode: "cors"
    }).then(o => o.json()).then(o => {
        hitokoto(o), setTimeout(getHitokoto, 5e3)
    }).catch(console.error)
}
$(document).ready((function() {
    getHitokoto()
}))