
Butterfly美化:今日诗词侧边栏小组件,中国传统诗词文化
之前公告显示的是微信公众号的关注,但是因为微信的诸多限制和微信的生态以至于我不是很想再做公众号相关的东西了。因为我的作者组件完全替代了公告的功能,所以我将公告移除了。但是这带来了一点问题,就是在显示的时候总是缺点什么。那么就来做个新的组件吧!
之前已经做过诗词放在页脚,但是新版页脚为了布局整洁给移除了。正好放在侧边栏吧!
组件样式
API
本组件的API由今日诗词提供
Demo
本站所有包含侧边栏的页面均有该组件
安装教程
创建组件
主题新建themes/butterfly/layout/includes/widget/card_poem.pug
,内容如下
1 | #card-poem.card-widget |
引入组件
在themes/butterfly/layout/includes/widget/index.pug
中你需要的位置添加以下内容
1 | !=partial('includes/widget/card_poem', {}, {cache: true}) |
填写示例,可以在俩个
引入css
如果没有引用过heoMainColor.css需要引用
1 | <link rel="stylesheet" type="text/css" href="https://npm.elemecdn.com/js-heo@1.0.11/mainColor/heoMainColor.css"> |
引用主css
1 | <link rel="stylesheet" type="text/css" href="https://npm.elemecdn.com/js-heo@1.0.11/poem/poem.css"> |
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 张洪Heo
评论
隐私政策