博客备份

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

hexo-git-backup

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

官方文档]在 这里

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

安装

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

1
npm install [email protected] --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: [email protected]:xxx/xxx.github.io.git,branchName(分支名)

    配置文件截图:

安全方法

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

  1. 先获取项目ssh链接:

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

    1
    2
    3
    4
    backup:
    type: git
    repository:
    backup: [email protected]: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