在hexo博客加上live2d看板娘

最新推荐文章于 2024-08-09 07:34:37 发布
最新推荐文章于 2024-08-09 07:34:37 发布
阅读量1.3k 收藏 4
点赞数 2
文章标签： hexo live2d 看板娘
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013467402/article/details/101443431
版权
本文介绍了如何在Hexo博客上添加Live2D看板娘。首先，通过npm安装和下载Hexo，创建博客资源文件夹并运行。接着，重点在于下载模型（如hibiki），将模型文件复制到指定目录，并在_config.yml配置文件中设置模型参数。最后运行$hexo s，即可在博客预览中看到萌萌哒的看板娘。
摘要由CSDN通过智能技术生成

在hexo博客加上live2d看板娘

1.首先安装npm包

  • 配置环境变量
  • 打开cmd.exe,输入:
//查看版本号是否安装成功
$ npm -v

2.下载hexo

  • 输入命令
//下载hexo客户端
$ npm install -g hexo-cli
  • 同样环境变量

3.在本地新建文件myblog(作为博客资源文件夹)

  • 输入命令
//初始化刚新建的myblog文件夹
$ hexo init myblog
$ cd myblog
$ hexo instal
  • 这时myblog就会生成以下文件在这里插入图片描述

4.第一个博客出来了，我们试试运行

  • 输入命令
//启动命令(完整命令:hexo server)
$ hexo s

我们可以看到下面生成的url
在这里插入图片描述
在浏览器上预览
在这里插入图片描述

5.下面进入重点加上看板娘，详细

最低0.47元/天 解锁文章
会唱歌的洗衣机
关注
为hexo添加live2d看板娘
qq_43553185的博客
10-26 373
title: 为hexo添加看板娘 declare: true cover: img/top_img.jpg 为hexo添加看板娘 1.准备工作 //检查博客主目录下的package.json下是否有"hexo-helper-live2d": "^3.0.3"依赖 //有的话可以先卸载 npm uninstall hexo-helper-live2d 2.安装依赖 //在hexo根目录下用Git执行命令 npm inatall --save hexo-helper-live2d //安装过程中可能会遇到.
搭建博客hexo 安装hexo、配置hexo、hexo主题美化和添加live2d看板娘--详细步骤
weixin_46622106的博客
01-01 1873
一、安装hexo 1、下载安装软件      git：https://git-scm.com/downloads      node：https://nodejs.org/en/ 2、安装好两个工具之后，以管理员身份打开命令提示符，查看node和npm的版本号 node -v // 查看node的版本号 npm -v // 查看npm的版本号 3、安装npm ,输入命令： npm install -g hexo-cli 4、安装hexo,输入命令： hexo init blog 5、部署静态
Hexo 博客添加看板娘
weixin_40834438的博客
05-26 2351
Hexo 博客添加看板娘 相信看到这里的小伙伴都有属于自己的hexo博客了吧，废话不多说，我们直接进入主题 我的博客：传送门 1、安装模块 在hexo根目录下用Git执行命令 npm install --save hexo-helper-live2d // 没有纸飞机的小伙伴建议在前面加个c，像这样，下面的下载模型也一样我就不再说了 cnpm install --save hexo-helper-live2d 2、模型下载 模型仓库 使用 npm install {packagename}命令
Live2D Widget.js 使用教程
最新发布
gitblog_00075的博客
08-09 837
Live2D Widget.js 使用教程 live2d-widget.jsLive2D on webpages with out-of-the-box experience.项目地址:https://gitcode.com/gh_mirrors/li/live2d-widget.js 项目介绍 Live2D Widget.js 是一个用于在网页上添加 Live2D 看板娘的开源项目。通过这个项...
为hexo 网站加上live2d看板娘
无与伦比的傻
03-31 424
为网站加上live2d看板娘hexo-helper-live2d看板娘终极进化，可换装 (https://trhsy.github.io/hexo_gethub_build) hexo-helper-live2d 下载hexo-helper-live2d github地址 这是官网效果 好了虽然上面已经给出官网地址 但是还是给你讲解一下 打开dos命令 切换到你博客目录执行 npm install --save hexo-helper-live2d 安装完了之后打开package.json会看到你的mode
【Hexo搭建个人博客】（十二）Next主题中添加超级好玩的看板娘（CDN方式）
Mculover666的博客（嵌入式）
09-08 2114
使用第三方看板娘 1.下载项目 https://github.com/stevenjoezhang/live2d-widget 下载到本地博客目录的themes/next/source下，修改autoload.js文件，如下： 将 const live2d_path = “https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/”; 改为 ...
hexo的live2d看板娘
02-13
标题中的“hexo的live2d看板娘”是指在Hexo博客框架中集成Live2D技术，创建一个动态的2D角色形象，通常被称为“看板娘”，它会在用户的博客首页上展示，增加互动性和趣味性。Live2D是一种二维动画技术，通过将多张...
Hexo添加Live2D看板娘最新教程
enchanted的博客
01-29 8066
上次我们搭建了hexo博客，今天来添加一个Live2D看板娘。在网上看了一些教程，不过hexo更新之后更简单，以前的一些教程有些过时了，所以想写一篇更新的教程。Live2D是一种应用于电子游戏的绘图渲染技术，由日本Cybernoids公司开发，通过一系列的连续图像和人物建模来生成一种类似二维图像的三维模型，换句话说就是2D的素材实现一定程度的3D效果，但只能是一定程度3D，因为Live 2D人物无法大幅度转身。
Hexo添加Live2D看板娘+模型预览
weixin_34321753的博客
02-13 2092
文章目录添加和注意事项模型预览live2d-widget-model-chitoselive2d-widget-model-epsilon2_1live2d-widget-model-gflive2d-widget-model-haru_01live2d-widge...
hexo添加卡通人物（看板娘）
weixin_41811536的博客
04-16 727
输入如下命令获取live2d npm install --save hexo-helper-live2d 这可能需要点时间，耐心一点… 下一步选择喜欢的卡通角色 ↓ 模型预览传送门 然后输入如下命令 npm install <packagename> 将packagename换成你挑选的模型名称即可。 最后一步 打开根目录下_config.yml 添加如下代码 live2d: enable: true scriptFrom: local model: use: live2d-w
live2d-widget:看板娘调用
03-17
Live2D小部件 特性 在网页中添加Live2D看板娘。兼容PJAX，支持无刷新加载。 将Live2D小部件添加到网页。 与PJAX兼容。 警告：本项目使用压缩ES6语法，不支持IE 11等老旧浏览器。 警告：此项目不支持IE 11等旧版浏览器。 示例演示 在的左下角柯林斯查看效果（注：以下人物模型仅供展示之用，本仓库并不包含任何模型）。 你也可以在允许的范围内进行二次开发，这里有一些示例 ，展现基础效果 ，仿制NPM的登陆界面 依赖 本插件需要Font Awesome（v4或v5）图标支持，请确保相关样式表已在页面中加载。以Font Awesome v4必须，请在<head>中加入： 此插件需要Font Awesome（v4或v5）。 以Font Awesome v4为例，请在<head>添加以下内容： < link rel = " stylesheet " href = " h
给个人博客(oneBlog搭建)添加live2d
qq_29830577的博客
02-08 560
live2d资源文件链接 百度网盘,提取码 mi1c 解压出来的live2d文件创建 一个live2d的文件夹并放入程序的resources/static
我的个人博客live2d插件模型模块汇总（仅本人可使用，无需看）
全 洛的博客
08-25 1528
这篇文章存粹是我用来记录我自己的个人博客live2d插件模块下载后可使用和替换的。以防我到时候会忘掉。 所以看到这的可以退出这篇文章了！！！ shizuku ------------------------*************************************------------------------ nipsilon ------------------------*************************************---------------
在hexo的butterfly主题中开启看板娘配置
YR_112233的博客
02-08 1517
博客美化添加看板娘
Hexo个人博客主题和看板娘
子豪的博客
06-24 939
Hexo的主题和看板娘配置
使用hexo在butterfly主题中开启看板娘配置教程（包括模型展示）
唯有努力，方可自信！
08-09 2165
看到别人博客的看板娘你心动了吗？看完这篇你也将会有自己的专属看板娘。快来跟着我自己配置一个。真的超简单
hexo笔记三：next主题添加看板娘
Awt_FuDongLai的博客
07-14 1434
有时候在逛别人的博客界面的时候，会在页面左下角或者右下角等界面看到这样的画面,还是非常好看的。 今天这篇博客总结下，怎么把萌萌哒的看板娘放到自己的博客页面中。 我采用的hexo的next主题。 1.下载live2D文件。 2.将其解压后，放置在下面目录： 博客主目录\themes\next\source\ [root@D-Centos7 live2d-widget]# pwd /www/wwwroot/my_blog_2_hexo/themes/next/source/live2d-widget 3
如何给自己的个人博客添加一个呆萌的live-2d博客精灵/看板娘
想好了就去做吧 即便失败了 至少这条路上留下了你的脚印
04-13 1727
live2d看板娘一览图 1. 引入live-2d相关js <!--Live-2D看板娘模型--> <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> 2. 添加下面的js脚本（这样就大功...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值