hexo中添加lived看板娘

小白水平

安装 live2d 模块

1	npm install --save hexo-helper-live2d

在 hexo 根目录下创建 “ live2d_models “ 目录
克隆 Live2dDemo 项目

1	git clone https://github.com/summerscar/live2dDemo.git

将 “ /live2dDemo/assets/ “ 目录下的所有内容复制到 “ live2d_models “ 中
在根目录下的 “ _config.yml “ 文件最后添加如下内容：

live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  debug: false
  model:
    use: poi    # live2d_models 下的目录名
  display:
    position: right # 模型放置位置
    width: 150  # 模型的宽
    height: 300 # 模型的高
  mobile:
    show: true
  react:
    opacity: 0.7

注：在 https://github.com/summerscar/live2dDemo 中可以查看自己喜欢的看板娘，并在 model.use 中应用相应目录名。

大神水平

在根目录 “ .deploy_git/index.html “ 的<head></head>标签中添加如下内容：

<!--live2d-->
	<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
	
<!--live2d-->

克隆 live2d-widget

1	git clone https://github.com/stevenjoezhang/live2d-widget

将 “live2d-widget” 目录放到 “themes/主题/source” 下
修改 “live2d-widget” 目录下的 “autoload.js”

将

1	const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/";

改为

1	const live2d_path = "/live2d-widget/";

在 “/themes/主题/layout/_layout.swing” 或 “/themes/主题/layout/layout.ejs” 添加如下内容：

1	<script src="/live2d-widget/autoload.js"></script>

在 “ /themes/主题/_config.yml “ 中，添加如下内容：

1 2	live2d: enable: true

注：这里配置完成后，要把根目录下的 “ _config.yml “ live2d 关掉

reference

hexo中next主题添加里lived看板娘（会说话，会换装)

Hexo博客NexT主题美化之新增看板娘(能说话、能换装)