博客园美化 - 公告栏添加一言

效果图#

添加方法#

1. 在博客园中找到管理 --> 设置页面

2. 在博客侧边栏公告中插入：

<!--侧边栏添加每日一言-->
<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>