博客园美化 - 公告栏添加一言
效果图
添加方法
-
在博客园中找到
管理
-->设置
页面 -
在
博客侧边栏公告
中插入:
<!--侧边栏添加每日一言-->
<div id="hitokoto" style="font-size:18px;color:SaddleBrown;font-weight: bold;"> 获取中...</div>
<script src="https://cdn.jsdelivr.net/npm/bluebird@3/js/browser/bluebird.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/whatwg-fetch@2.0.3/fetch.min.js"></script>
<!--End-->
<script>
fetch('https://v1.hitokoto.cn')
.then(function (res){
return res.json();
})
.then(function (data) {
var hitokoto = document.getElementById('hitokoto');
hitokoto.innerText = ""+data.hitokoto;
})
.catch(function (err) {
console.error(err);
})
</script>
<br>