个人网站底部添加中华诗词

2023-12-15
#Blog #Markdown

说明: html 路径为 /themes/simple-style/layouts/_default/baseof.html

1. 今日诗词脚本

通用简单 html 代码 1

<span id="jinrishici-sentence">正在加载今日诗词....</span>
    <script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>

显示效果:

正在加载今日诗词….

高级版的 html 代码 1

<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
<div id="poem_sentence" style="display: inline;"></div> —— <div id="poem_info" style="display: inline;"></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 + '《' + result.data.origin.title + '》'
    });
</script>

显示效果:

——

2. 一句

通用简单 html 代码 2

<script type="text/javascript" src="http://yijuzhan.com/api/word.php?m=js"></script><script>document.write("<div>");yiju(true);document.write("</div>");</script>

显示效果:

3. 参考

  1. 今日诗词开放接口 - 今日诗词 - 诗词实时智能推荐
  2. 一句 - 接口
  3. vv314/quotes: 收集了一些每日一句的接口与网站。