avatar

hexo butterfly主题配置补充

详细配置内容请参考官方配置文档

本文仅对个人在配置中遇到的问题进行记录


hexo-tag-aplayer

安装

npm install hexo-tag-aplayer

配置

hexo new page music

Meting

  1. 在hexo/_config.yml中添加代码
aplayer:
meting: true
  1. 设置hexo/_config.yml中的external_link
external_link:
enable: true # Open external links in new tab
field: post # Apply to the whole site,设置为post
exclude: ''

语法

{% meting "id" "server" "type" %}
选项 默认值 描述
id 必须值 歌曲 id / 播放列表 id / 相册 id / 搜索关键字
server 必须值 音乐平台: netease, tencent, kugou, xiami, baidu
type 必须值 song, playlist, album, search, artist
fixed false 开启固定模式
mini false 开启迷你模式
loop all 列表循环模式:all, one,none
order list 列表播放模式: list, random
volume 0.7 播放器音量
lrctype 0 歌词格式类型
listfolded false 指定音乐播放列表是否折叠
storagename metingjs LocalStorage 中存储播放器设定的键名
autoplay true 自动播放,移动端浏览器暂时不支持此功能
mutex true 该选项开启时,如果同页面有其他 aplayer 播放,该播放器会暂停
listmaxheight 340px 播放列表的最大长度
preload auto 音乐文件预载入模式,可选项: none, metadata, auto
theme #ad7a86 播放器风格色彩设置

样例:

添加至index.md

# 南开大学闭馆音乐

{% meting "2999255636" "netease" "playlist" "theme:#FF4081" "mode:circulation" "mutex:true" "listmaxheight:340px" "preload:auto" %}

同时也可以添加至其它页面中

#南开大学闭馆音乐

参考:


hexo-douban

安装模块依赖

我们使用时可以先安装依赖模块,在GitBash中使用以下命令:

$ npm install hexo-douban --save

站点配置文件中添加配置

然后我们再在Hexo站点根目录配置文件_config.xml中的末尾添加如下配置:

douban:
user: mythsman
builtin: false
book:
title: 'This is my book title'
quote: 'This is my book quote'
movie:
title: 'This is my movie title'
quote: 'This is my movie quote'
game:
title: 'This is my game title'
quote: 'This is my game quote'
timeout: 10000

上面参数说明:

  • user: 你的豆瓣ID.打开豆瓣,登入账户,然后在右上角点击 “个人主页” ,这时候地址栏的URL大概是这样:”https://www.douban.com/people/xxxxxx/“ ,其中的”xxxxxx”就是你的个人ID了。
  • builtin: 是否将生成页面的功能嵌入hexo shexo g中,默认是false,另一可选项为true(1.x.x版本新增配置项)。
  • title: 该页面的标题.
  • quote: 写在页面开头的一段话,支持html语法.
  • timeout: 爬取数据的超时时间,默认是 10000ms ,如果在使用时发现报了超时的错(ETIMEOUT)可以把这个数据设置的大一点。

由于hexo-douban 是默认抓取豆瓣读书、豆瓣电影以及豆瓣游戏的,如果只想要其中一部分,可以把其它部分在上述配置文件中去掉即可。

启动

那么我们如何去使用这个呢?

我们只需要在GitBash中输入以下命令:hexo clean && hexo douban -bgm && hexo g && hexo s即可,注意其中开启hexo-douban的命令中,-bgm代表的是book、game、movie三个参数,如果只需要其中的一部分就只带你想要的那些参数。

另外注意的是,由于hexo douban的简写也是hexo d,与hexo deploy的简写指令hexo d冲突,因此在进行二者部署的时候,只能都打全名而不能打简写形式。

测试

上面都没问题之后,我们只需要在站点目录下测试http://localhost:4000/books或者http://localhost:4000/movies等,如果看到页面了就说明成功了。

样例

在hexo/_config.yml中添加

# 豆瓣
douban:
user: 215086406
builtin: true
movie:
title: 'This is my movie title'
quote: 'This is my movie quote'
book:
title: 'This is my book title'
quote: 'This is my book quote'
music:
title: 'This is my music title'
quote: 'This is my music quote'
photo:
title: 'This is my photo title'
quote: 'This is my photo quote'
timeout: 10000

参考:

标签外挂

使用说明

{% note default %}
default 提示块标籤
{% endnote %}

{% note primary no-icon %}
primary 提示块标籤
{% endnote %}

{% note success %}
success 提示块标籤
{% endnote %}

{% note info %}
info 提示块标籤
{% endnote %}

{% note warning %}
warning 提示块标籤
{% endnote %}

{% note danger %}
danger 提示块标籤
{% endnote %}

样例

default 提示块标籤

primary 提示块标籤

success 提示块标籤

info 提示块标籤

warning 提示块标籤

danger 提示块标籤


使用说明

Page Front-matter

---
title:
date:
type: (tags,link,categories这三个页面需要配置)
comments: (是否需要显示评论,默认true)
description:
top_img: (设置顶部图)
mathjax:
katex:
aside:
---

Post Front-matter

---
title:
date:
tags:
categories:
keywords:
description:
top_img: (除非特定需要,可以不写)
comments 是否显示评论(除非设置false,可以不写)
cover: 缩略图
toc: 是否显示toc (除非特定文章设置,可以不写)
toc_number: 是否显示toc数字 (除非特定文章设置,可以不写)
copyright: 是否显示版权 (除非特定文章设置,可以不写)
mathjax:
katex:
hide: 是否隐藏文章
top: 是否置顶
---
Author: Michelle19l
Link: https://gitee.com/michelle19l/michelle19l/2020/04/13/hexo-butterfly主题配置补充/
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.
Donate
  • 微信
    微信
  • 支付寶
    支付寶