Hexo插件

Hexo
Hexo
发布日期:   2022-08-12
更新日期:   2024-10-26
文章字数:   303
阅读时长:   1 分
阅读次数:  

hexo

Hexo插件

添加科技线

使用Hexo注入器如下

hexo.extend.injector.register('body_end', '<script type="text/javascript" color="122 103 238" opacity="0.7" zIndex="-2" count="200" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"></script>', 'default');

看板娘

  1. 安装hexo-helper-live2d
npm install --save hexo-helper-live2d
  1. 安装其他插件
npm install live2d-widget-model-shizuku
  1. 修改项目根目录下_config的配置
live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  log: false
  model:
    use: live2d-widget-model-shizuku
  display:
    position: left
    width: 150
    height: 300
  mobile:
    show: true
  react:
    opacity: 0.7
  1. 从新生成
hexo g
hexo s

加载bilibili视频

由于Github的限制,再加上Hexo本身属于一个静态的网站,并没有管理后台,所以选择在网页上镶入bilibili视频.

Markdown脱胎于HTML,所以可以直接在Markdown语法中插入html代码,但是为了防止一些其他因素的干扰,Hexo特意提供了一个raw的标签来插入html代码.

{% raw %}

<div style="position: relative; width: 100%; height: 0; padding-bottom: 75%;">

<iframe src="//player.bilibili.com/player.html?aid=883652857&bvid=BV1qK4y147NY&cid=205795290&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;">
</iframe>
</div>

{% endraw %}

效果如下:

> >
> >