博客备份

备份 真的很重要，希望刚建好博客就安排上！

hexo-git-backup

GitHub项目地址在 这里，感谢作者

官方文档]在 这里。

安装过程也没什么坑，主要就是想介绍一种博客备份的方法。

安装

hexo 版本为 2.x.x 执行以下命令:

1
npm install hexo-git-backup@0.0.91 --save

版本为 3.x.x/ 4.0.0+ , 执行下面的命令:

1
npm install hexo-git-backup --save

配置

强烈推荐使用 方法二

不安全法

  1. 在GitHub中新建项目分支

  2. 在Hexo的配置文件_config.yml（非主题配置文件）下添加如下字段.

    1
    2
    3
    4
    backup:
        type: git
        repository:
           github: git@github.com:xxx/xxx.github.io.git,branchName(分支名)

    配置文件截图：

安全方法

新建仓库，例如 Hexo_backup ，权限设为 private ，分支使用 master 。

  1. 先获取项目ssh链接：

  2. 在 hexo配置文件 中添加以下内容：

    1
    2
    3
    4
    backup:
        type: git
        repository:
           backup: git@github.com:xingjiahui/Hexo-Backup.git,master(分支名)

    添加后如下图：

    2020.11.12 更新

    注意：新建的github仓库默认分支为main，旧仓库默认分支依旧为master，所以填写前先搞清楚仓库的分支名：

使用

1
hexo backup

简写为

1
hexo b

至此博客备份就实现啦！

音乐播放器

在自己的博客中添加音乐播放器

hexo-tag-aplayer

Embed aplayer in Hexo posts/pages. GitHub项目地址，感谢作者。

插件功能很强大，这里主要介绍如何使用其中一个功能MeingJS，想了解更多功能可以去看官方文档。

MeingJS支持从网易云音乐等平台获取id（歌曲 id / 播放列表 id / 相册 id / 搜索关键字）后配合代码模板，即可在页面显示。显示效果如下图：

播放器支持的功能：

  1. 歌曲列表、歌词显示、音量调节、进度可
  2. 平台支持：网易云音乐、QQ音乐、虾米、酷狗、百度
  3. 播放器风格色彩设置、自动播放…

安装

1
npm install --save hexo-tag-aplayer

依赖

若无法正常显示播放器，则可能是下列js版本过低

  • APlayer.js > 1.8.0
  • Meting.js > 1.1.1

使用

  1. 配置Hexo的配置文件_config.yml（非主题配置文件）添加如下字段：

    1
    2
    aplayer:
      meting: true

    如下图：

    image-20200413111737990

  2. 获取歌词、歌单id（网易云为例）：

    • 进入网易云音乐，打开想添加的歌单，点击分享后复制链接：

      若想要添加单个歌曲：

    • 将链接粘贴到浏览器，找到下图位置的字符串，即为歌曲、歌单id：

  3. 在markdown文件中如如下面的代码模板即可：

    1
    {% meting "获取的id" "netease" "playlist" "volume:0.5" "theme:#49A6F9" %}

  4. hexo clean & hexo g & hexo depl 后就能在页面中显示啦：

标签参数

下表中的音乐平台分别代表：网易云、QQ音乐、酷狗、虾米、百度

选项 默认值 描述
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 播放器风格色彩设置

可按照上表在代码模板中修改

文章永久链接

今天看自己博客的时候突然发现个很严重的问题，为什么每篇博客的阅读量、评论量都变为0了？仔细想想刚才干嘛了？哦，hexo clean&hexo g&hexo depl 和这个有关系？再次运行，果不其然！生气！

于是去valine群里面问了这个问题：

image-20200415122359183

同时也在想，我对文章做了什么修改？我把文章链接的依据修改成了id，据说每次id都不同，导致valine识别成了新文章，阅读量什么的肯定0。

因为开始的链接太长（类似下图），所以我才修改的。

把这个链接太长的问题反馈给了butterfly群友，大佬们就告诉我了这个永久链接的插件。

效果见下图：

哇，好清爽。

create one and only link for every post for hexo. github项目地址，感谢作者。

文档可以点击查看。

安装没什么坑，目的依然是提醒有这么一种插件解决遇到的问题。

安装

1
npm install hexo-abbrlink --save

注，如果安装失败，可以尝试cnpm安装：

1
2
3

npm install -g cnpm --registry=https://registry.npm.taobao.org #安装淘宝源
cnpm install hexo-abbrlink --save #使用cnpm安装hexo-abbrlink

配置

进入Hexo配置文件（非主题配置文件），找到permalink，按下图修改：

代码如下：

1
permalink: posts/:abbrlink/

为了方便爬虫爬取，也可以将代码修改为：

1
permalink: :abbrlink.html

使用

命令行输入：

1
hexo clean & hexo g & hexo depl

文章链接就发生改变了：

开心，再也不嫌文章链接长了！

持续更新中…

如果文章对您有帮助，欢迎评论处好评，哈哈。

最近一次更新时间：04/15/2020 12:56:56