博客添加今日诗词 API

发布于 2020-03-15  621 次阅读


博客添加今日诗词 API

具体样式请看本博客评论上方
详情可看今日诗句官网有详细介绍

在要添加诗句的地方加入这几行代码即可, 要注意的是, 不要把安装代码粘贴到 中间

  1. 把下列代码放到 footer.php和commonts.php等想加入诗词的地方
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
            <div id="poem_sentence"></div>
            <div id="poem_info"></div>
            <script type="text/javascript">
              jinrishici.load(function(result) {
                var sentence = document.querySelector("#poem_sentence")
                var info = document.querySelector("#poem_info")
                sentence.innerHTML = result.data.content
                info.innerHTML = '【' + result.data.origin.dynasty + '】' + result.data.origin.author
              });
            </script>
  1. 在上列代码外套个div标签起个类名或id名 , 以便添加样式
  2. 在style.css中给改标签添加样式 , 可参考我的样式
    color: #8fb2c9;
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    margin: 10px auto;
    border-radius: 10px;
    background: url('图片路径') no-repeat top center;
    background-size: cover;
  1. 修改完成后保存刷新页面 , 如果刷新后没有效果可看我的另一篇文章

I struggle for what I love, so I can be happy here.