第三方服务

今日诗词

在侧边栏author小部件中找到或者新增jinrishici字段。

取值含义
false不加载,不显示
true显示,当请求失败时显示config.title
String显示,当请求失败时显示String

在博客根目录的配置文件中:

1
2
3
4
5
6
# 侧边栏小部件
widgets:
- widget: author
avatar: https://cdn.jsdelivr.net/gh/xaoxuu/[email protected]/avatar/avatar.png
jinrishici: 柳暗花明又一村
social: true

APlayer播放器

字段含义是否必须值类型默认值
color音乐控件的主题色HEX颜色值字符串-
volume默认音量0~1之间的浮点数0.7
mode播放模式枚举,详见【mode】circulation
server服务器枚举,详见【server】-
type表明id值是单曲、专辑还是歌单枚举,详见【type】-
id列表idString‘’

mode:

取值含义
random随机
single单曲
order列表顺序
circulation列表循环

server:

取值含义
netease网易云
tencentQQ音乐
xiami虾米
kugou酷狗

type:

取值含义
song单曲
album专辑
playlist播放列表

分享

字段含义是否
id平台ID
name分享按钮的title
icon分享按钮的图标
img分享按钮的图片

其中,iconimg只能有一个。

平台名称平台ID
新浪微博weibo
QQ空间qzone
QQ好友qq

在博客根目录的配置文件中:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
share:
- id: qq
name: QQ好友
img: https://cdn.jsdelivr.net/gh/xaoxuu/[email protected]/logo/128/qq.png
- id: qzone
name: QQ空间
img: https://cdn.jsdelivr.net/gh/xaoxuu/[email protected]/logo/128/qzone.png
- id: qrcode
name: 微信
img: https://cdn.jsdelivr.net/gh/xaoxuu/[email protected]/logo/128/wechat.png
- id: weibo
name: 微博
img: https://cdn.jsdelivr.net/gh/xaoxuu/[email protected]/logo/128/weibo.png
- id: qrcode
name: QRcode
img: https://cdn.jsdelivr.net/gh/xaoxuu/[email protected]/logo/128/qrcode.png

QRcode

上例中的生成QRcode链接分享需要安装插件:

1
npm i -S hexo-helper-qrcode

目前微信使用的是二维码分享,而二维码目前是直接在新页面打开图片文件,在Chrome上被禁止了,所以追求体验的用户可以先不要用微信和二维码。

评论系统

提供3种可选,如果你使用其他的评论系统,请自己修改主题。

Disqus

官网: https://disqus.com/

在博客根目录的配置文件中:

1
2
# disqus评论
disqus_shortname: #你的disqus的shortname#

Valine

官网: https://valine.js.org

在博客根目录的配置文件中:

1
2
3
4
5
6
7
8
9
10
11
12
# valine
valine:
enable: true # 如果你想用Valine评论系统,请设置enable为true
app_id: # 必填
app_key: # 必填
guest_info: nick,mail,link #valine comment header info
placeholder: 快来评论吧~ # valine comment input placeholder(like: Please leave your footprints )
avatar: mp # gravatar style https://valine.js.org/avatar
pageSize: 10 # comment list page size
verify: false # valine verify code (true/false)
notify: false # valine mail notify (true/false)
lang: zh-cn

其中,placeholder支持在Front-matter中设置。

在文章的Front-matter中:

1
2
3
4
---
valine:
placeholder: 你觉得xxx怎么样呢?
---

也可以通过设置valine.path实现多个页面共用一个评论框。

在文章的Front-matter中:

1
2
3
4
---
valine:
path: /wiki/material-x/
---

Volantis

这是我基于Valine修改过的版本,增加了若干表情,禁止匿名评论。

主题已经默认开启,配置方法和valine一模一样,如果需要使用原版valine,需要在主题的_config.yml文件中找到services字段,将其中的volantis:true注释掉。

Livere

官网: http://www.laibili.com.cn/

在博客根目录的配置文件中:

1
2
# 来必力评论
livere_uid: #你的livere的uid

在这里查看你的uid:https://livere.com/insight/myCode,在【代码管理 -> 一般网站】中找到如下这段代码,其中 data-uid 中的内容就是你的 livere_uid

1
2
3
<!-- 来必力City版安装代码 -->
<div id="lv-container" data-id="city" data-uid="你的livere的uid">
...

推荐文章

安装和配置推荐文章插件

  1. 安装插件
1
npm i S hexo-related-popular-posts
  1. 在主题的material-x/_config.yml文件中的services字段下:
1
2
services:
popular_posts: true

插件的自定义配置方法:https://github.com/tea3/hexo-related-popular-posts。

是否显示推荐文章

源文件字段默认值功能
某篇文章.mdpopular_poststrue某篇文章下方是否显示推荐文章

如果主题配置中没有提供popular_posts,则这里的设置无效。

在文章的Front-matter中:

1
2
3
---
popular_posts: false
---

分析与统计

默认支持不蒜子的访问统计,可以添加百度统计。

百度统计

源文件相关字段功能
./_config.ymlbaidu_analytics_key百度统计的key

Google Analytics

源文件相关字段功能
./_config.ymlgoogle_analytics_keyGoogle Analytics的key
./_config.ymlroot_domain域名

CNZZ统计

请参考ZYMIN网友的这篇教程:《hexo+ejs+material x 添加CNZZ统计代码》

字数统计和阅读时长、网站运行时间

请参考TRHX网友的这篇教程:《Hexo 博客主题个性化》

live2d看板娘

请参考TRHX网友的这篇教程:《Hexo 博客主题个性化》

鼠标样式、动画、爱心、烟花等效果

请参考TRHX网友的这篇教程:《Hexo 博客主题个性化》




评论