创建card_hitokoto

注意:此方法试用于Butterfly3.0.1版本。
在主题配置文件Butterfly/_config.yml中的侧边栏设置中添加card_hitokoto: enable: true

1
2
3
4
5
6
7
8
9
10
11
12
13
card_announcement:
enable: true
content: 欢迎光临空心木偶~
card_hitokoto:
enable: true
card_recent_post:
enable: true
limit: 5
sort: date
card_categories:
enable: true
limit: 8
expand: none

添加card_hitokoto

Butterfly/layout/includes/widget/index.pug中添加代码(代码的位置决定“一言”的位置):

1
2
if theme.aside.card_hitokoto.enable
!=partial('includes/widget/card_hitokoto', {}, {cache:theme.fragment_cache})

配置创建card_hitokoto

Butterfly/layout/includes/widget目录下创建card_hitokoto.pug文件,内容为:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
.card-widget.card-hitokoto
.card-content
.item-headline
i.fas.fa-quote-left
span= _p('一言')
#hitokoto :D 获取中...
i#hitofrom :D 获取中...
script(src='https://cdn.jsdelivr.net/npm/bluebird@3/js/browser/bluebird.min.js')
script(src='https://cdn.jsdelivr.net/npm/whatwg-fetch@2.0.3/fetch.min.js')
script.
fetch('https://v1.hitokoto.cn')
.then(function (res){
return res.json();
})
.then(function (data) {
var hitokoto = document.getElementById('hitokoto');
hitokoto.innerText = data.hitokoto;
var hitofrom = document.getElementById('hitofrom');
hitofrom.innerText = "     ——" + data.from + '';
})
.catch(function (err) {
console.error(err);
})

成功