hexo 插件

Posted on Edited on

搜集整理常用的hexo插件

➡️hexo-helper-live2d

在hexo博客里增加纸片人

➡️hexo-tag-aplayer

APlayer播放器的Hexo标签插件

效果：

1
2
3
4
#安装
yarn add hexo-tag-aplayer
#使用
{% aplayer title author url [picture_url, narrow, autoplay, width:xxx, lrc:xxx] %}

标签参数

  • title : 曲目标题
  • author: 曲目作者
  • url: 音乐文件 URL 地址
  • picture_url: (可选) 音乐对应的图片地址
  • narrow: （可选）播放器袖珍风格
  • autoplay: (可选) 自动播放，移动端浏览器暂时不支持此功能
  • width:xxx: (可选) 播放器宽度 (默认: 100%)
  • lrc:xxx: （可选）歌词文件 URL 地址

➡️hexo-github-card

使用这个插件可以像上面这样👆显示逼格较高的GitHub链接
使用时只需要插入下面👇这个🏷️就可以了

1
2
3
{% githubCard user:your_user [repo:your_repo] [width:400] [height:200] [theme:default] [client_id:your_client_id] [client_secret:your_client_secret] [align:text-align_position] %}
//这是上面那个卡片🏷️
{% githubCard user:Gisonrg repo:hexo-github-card %}

这个插件的默认宽度感觉有点不够美观，每次使用都需要自定义宽度也有点费事，而且默认打开方式是在当前页面页打开很不人性化，受不了的话可以选择修改文件

node_modules/hexo-github-card/index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
const user = argsObj.user,
  repo = argsObj.repo,
  width = argsObj.width || '100%',//宽度自适应
  height = argsObj.height || '200',
  theme = argsObj.theme || 'default',
  client_id = argsObj.client_id || '',
  client_secret = argsObj.client_secret || '',
  align = argsObj.align || 'center';

const payload = {
  user,
  repo,
  height,
  width,
  theme,
  client_id,
  client_secret,
  style: `text-align: ${align}`,
  target: 'blank',//加上这个可以在其他标签页打开链接
};

由于直接在原文件上修改，后面再进行yarn的一些相关操作时yarn总是会自动把代码还原回去，yarn还不支持ignore名单功能，我就在原来的插件基础上进行了小的修改，使它的默认值配置更加人性化一点，有需要的小伙伴可以直接看看这个👇

这个修改过的插件可以配置默认设置

_config.yml
1
2
3
4
5
6
github_card:
  width: 100%
  height: 200px
  theme: default
  align: center
  target: blank

➡️基于next的插件

我现在使用的next是7.4.0版本的，下面的几个插件都是基于这个版本确认可用的，其他版本需要具体看相应的GitHub链接的说明

➡️theme-next-canvas-nest

进入主题目录并clone代码

1
2
cd themes/next
git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest

配置

themes/next/_config.yml
1
2
3
4
5
6
7
canvas_nest:
  enable: true
  onmobile: true # display on mobile or not
  color: '0,0,255' # RGB values, use ',' to separate
  opacity: 0.5 # the opacity of line: 0~1
  zIndex: -1 # z-index property of the background
  count: 99 # the number of lines

更新

1
2
cd themes/next/source/lib/canvas-nest
git pull
➡️theme-next-pjax

在hexo上使用pjax，优化访问速度，这个插件基于主题next实现

使用

1
2
cd themes/next
git clone https://github.com/theme-next/theme-next-pjax source/lib/pjax

修改文件

themes/next/_config.yml
1
2
3
4
5
pjax: true
...
vendors:
  ...
  pjax: //cdn.jsdelivr.net/gh/theme-next/theme-next-pjax@0/pjax.min.js

➡️比较有意思的git库

➡️91porn_php