在Hexo Next主题下添加一言语录

发表于 阅读次数：

起因

其实也没啥起因，就突发奇想，也许加上后会更高大上一点（？）

效果

步骤

不多废话直接上

在你的Blog文件夹下（不是主题目录）的

source\_data\sidebar.njk下添加以下内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
<p id="hitokoto">
  <a href="#" id="hitokoto_text">:D 获取中...</a>
</p>
<script>
  fetch('https://v1.hitokoto.cn?c=a&c=i&c=j&encode=json&charset=utf-8')
    .then(response => response.json())
    .then(data => {
      const hitokoto = document.querySelector('#hitokoto_text');
      hitokoto.href = `https://hitokoto.cn?uuid=${data.uuid}`;
      hitokoto.innerText = `${data.hitokoto}  --${data.from_who}《${data.from}》`;
    })
    .catch(console.error);
</script>

最后hexo clean hexo g hexo s即可

注意事项

1.若添加无反应，请修改Next主题的配置文件的custom_file_path

在Blog目录下的node_modules\hexo-theme-next\_config.yml内的custom_file_path为以下内容：

1
2
3
4
5
6
7
8
9
10
11
12
custom_file_path:
  #head: source/_data/head.njk
  #header: source/_data/header.njk
  sidebar: source/_data/sidebar.njk
  #postMeta: source/_data/post-meta.njk
  #postBodyStart: source/_data/post-body-start.njk
  #postBodyEnd: source/_data/post-body-end.njk
  #footer: source/_data/footer.njk
  #bodyEnd: source/_data/body-end.njk
  #variable: source/_data/variables.styl
  #mixin: source/_data/mixins.styl
  #style: source/_data/styles.styl

把前面的#去掉就行

2.本站使用的是一言的API，句子类型为动画，诗句，网易云，保留作者与出处

就是这样吧，祝各位玩的愉快。