使用 Github 空间搭建 Hexo 技术博客——Hexo NexT主题内设置可爱的动漫小人（九）

1.安装模块

hexo博客根目录选择cmd命令窗口或者git bash 输入以下代码，安装插件

npm install --save hexo-helper-live2d

各种模型展示

live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haruto
live2d-widget-model-hibiki
live2d-widget-model-hijiki
live2d-widget-model-izumi
live2d-widget-model-koharu
live2d-widget-model-miku
live2d-widget-model-ni-j
live2d-widget-model-nico
live2d-widget-model-nietzsche
live2d-widget-model-nipsilon
live2d-widget-model-nito
live2d-widget-model-shizuku
live2d-widget-model-tororo
live2d-widget-model-tsumiki
live2d-widget-model-unitychan
live2d-widget-model-wanko
live2d-widget-model-z16

选择好对应的模型，使用 npm install 模型的包名来安装，比如我选择的的是live2d-widget-model-koharu 模型包

npm install live2d-widget-model-koharu

2.配置

打开个人Hexo博客文件根目录下的 _config.yml 文件，在最后添加一下代码

#二次元
live2d:enable: truescriptFrom: localpluginRootPath: live2dw/pluginJsPath: lib/pluginModelPath: assets/tagMode: falsedebug: falsemodel:use: live2d-widget-model-wanko #这个是你要修改的display:position: right #在屏幕上的显示位置width: 85 #显示宽度height: 170 #显示高度mobile:show: false #手机端是否显示

3.注意

当你换了动漫人物，发现在本地并没有展示出来的时候，或者明明设置了宽高时，不用慌，你可以hexo clean一下，再hexo g生成静态文件，hexo s启动本地服务看看，这样应该就行了。

4.卸载

当你不想要的时候，可以enable设置为false，也可以卸载

卸载命令为：


npm uninstall hexo-helper-live2d

展示效果：

使用 Github 空间搭建 Hexo 技术博客——Hexo NexT主题内设置可爱的动漫小人（九）相关推荐

基于Hexo+GitHub Page搭建免费个人博客教程
1. Hexo 介绍 Hexo 是基于NodeJs的静态博客框架,简单.轻量,其生成的静态网页可以托管在Github和Heroku上. 超快速度支持Markdown 一键部署丰富的插件 2. 搭建 ...
手把手教你搭建个人技术博客，半小时搞定
一.写在前面我是猿人,一个热爱技术.热爱编程的IT猿.技术是开源的,知识是共享的! 写作是对自己学习的总结和记录,如果您对Java.分布式.微服务.中间件.Spring Boot.Spring Cl ...
从 0 开始搭建一个技术博客，私藏干货~
2019独角兽企业重金招聘Python工程师标准>>> 技术博客的选型有很多种,如:博客园.CSDN.开源中国.简书.知乎等--都可以用来写文章,形成自己的技术博客. 上面的博客都是 ...
利用Github免费搭建个人主页(个人博客)
之前闲着, 利用Github搭了个免费的个人主页. 涉及: Github注册 Github搭建博客域名选购绑定域名更多一 Github注册在地址栏输入地址:http://github.co ...
个人博客代码_Jekyll + Github Pages 搭建个人免费博客
今天亲手通过 Jekyll 搭建了一套免费博客,搭建步骤其实超级简单.你不需要购买域名,也不需要购买服务器,就可以轻松拥有你自己的博客.Jekyll 的核心是一个文本转换引擎.它的方便之处在于支持多种 ...
搭建外文技术博客程序员都应该有自己的博客
安装需要的软件软件安装我们需要安装nodejs https://nodejs.org/en/.git bash https://www.git-scm.com/download/win.npm.H ...
在Github上搭建你的博客
title: blog on github date: 2014-03-24 20:29:47 tags: [blog,github,hexo] ---**用Github写博文** 参考http:// ...
在Github上搭建自己的博客(Windows平台)
折腾了好久,终于在Github上搭建了自己的博客.这里面总结一下过程希望对大家能有所帮助. Github建博优缺点和 csdn,新浪,网易相比,在Github上可以自己实现功能和阿里云,VPS相比 ...
php 上传apk包到cdn_零基础搭建自己的博客网站和配置CDN设置wordpress篇
零基础搭建自己的博客网站博客类的建站程序有很多例如wordpress. typecho.zblog.emlog等等这几种是最常见的平时我们用的见的更多的都是wordpress,因为wordpres ...

使用 Github 空间搭建 Hexo 技术博客——Hexo NexT主题内设置可爱的动漫小人（九）

使用 Github 空间搭建 Hexo 技术博客——Hexo NexT主题内设置可爱的动漫小人（九）相关推荐

最新文章

热门文章