add poem card

_config.butterfly.yml

@@ -1054,6 +1054,7 @@ inject:
     - <link rel="stylesheet" href="/css/rightmenu.css">
     - <link rel="stylesheet" href="/css/shuoshuo.css">
     - <link rel="stylesheet" href="/css/font.css">
+    - <link rel="stylesheet" href="/css/poem.css">
     - <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/aplayer/dist/APlayer.min.css" media="all" onload="this.media=&quot;all&quot;">
   bottom:
     # - <script src="xxxx"></script>

themes/butterfly/layout/includes/widget/card_poem.pug

@@ -0,0 +1,17 @@
+#card-poem.card-widget
+    #poem_sentence
+    #poem_info
+        #poem_dynasty
+        #poem_author
+script(src='https://cdn.liumingye.cn/npm/js-heo@1.0.11/poem/jinrishici.js', charset='utf-8')
+script(type='text/javascript').
+  jinrishici.load(function(result) {
+  var sentence = document.querySelector("#poem_sentence")
+  var author = document.querySelector("#poem_author")
+  var dynasty = document.querySelector("#poem_dynasty")
+  var sentenceText = result.data.content
+  sentenceText = sentenceText.substr(0, sentenceText.length - 1);
+  sentence.innerHTML = sentenceText
+  dynasty.innerHTML = result.data.origin.dynasty
+  author.innerHTML = result.data.origin.author + '《' + result.data.origin.title + '》'
+  });

themes/butterfly/layout/includes/widget/index.pug

@@ -9,6 +9,7 @@
     else
       !=partial('includes/widget/card_author', {}, {cache: true})
       !=partial('includes/widget/card_announcement', {}, {cache: true})
+      !=partial('includes/widget/card_poem', {}, {cache: true})
       !=partial('includes/widget/card_top_self', {}, {cache: true})
       .sticky_layout
         if showToc
@@ -21,6 +22,7 @@
     //- page
     !=partial('includes/widget/card_author', {}, {cache: true})
     !=partial('includes/widget/card_announcement', {}, {cache: true})
+    !=partial('includes/widget/card_poem', {}, {cache: true})
     !=partial('includes/widget/card_top_self', {}, {cache: true})
 
     .sticky_layout