博客添加今日诗词 API
具体样式请看本博客评论上方
详情可看今日诗句官网有详细介绍
在要添加诗句的地方加入这几行代码即可, 要注意的是, 不要把安装代码粘贴到 中间
- 把下列代码放到 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>
- 在上列代码外套个div标签起个类名或id名 , 以便添加样式
- 在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;
- 修改完成后保存刷新页面 , 如果刷新后没有效果可看我的另一篇文章
Comments | NOTHING