hexo笔记三：next主题添加看板娘

最新推荐文章于 2023-03-26 20:18:59 发布
最新推荐文章于 2023-03-26 20:18:59 发布
阅读量1.4k 收藏 10
点赞数 3
分类专栏： hexo 文章标签： hexo、打赏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Awt_FuDongLai/article/details/107341035
版权
本文介绍了如何将看板娘添加到使用Hexo的Next主题的博客中，包括下载live2D文件，放置到指定目录，修改相关配置文件，以及调整看板娘的大小、位置和文本内容等。
摘要由CSDN通过智能技术生成

有时候在逛别人的博客界面的时候，会在页面左下角或者右下角等界面看到这样的画面,还是非常好看的。
在这里插入图片描述
今天这篇博客总结下，怎么把萌萌哒的看板娘放到自己的博客页面中。

我采用的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 更改live2d-widget下的autoload.js文件。里面的内容已经写好了，注释第二行，取消第三行的注释就行了。

// 注意：live2d_path 参数应使用绝对路径
//const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/"
最低0.47元/天 解锁文章
小镇攻城狮
关注
专栏目录
Hexo个人博客主题和看板娘
子豪的博客
06-24 940
Hexo的主题和看板娘配置
Hexo博客NexT主题美化之新增看板娘(能说话、能换装)
weixin_33671935的博客
03-05 1342
前言 更多效果展示，请访问我的 个人博客。 效果图： 教程： 小白水平： hexo的官方是支持看板娘的，已经封装好了插件，但只是模型，不能说话、不能换装、功能较少。 安装模块，如下： npm install --save hexo-helper-live2d 复制代码 在 站点配置文件 或 主题配置文件 中新增如下内容： # Live2D ## https://github.c...
【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添加卡通人物（看板娘）
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
使用hexo在butterfly主题中开启看板娘配置教程（包括模型展示）
唯有努力，方可自信！
08-09 2168
看到别人博客的看板娘你心动了吗？看完这篇你也将会有自己的专属看板娘。快来跟着我自己配置一个。真的超简单
Hexo 博客添加看板娘
weixin_40834438的博客
05-26 2353
Hexo 博客添加看板娘 相信看到这里的小伙伴都有属于自己的hexo博客了吧，废话不多说，我们直接进入主题 我的博客：传送门 1、安装模块 在hexo根目录下用Git执行命令 npm install --save hexo-helper-live2d // 没有纸飞机的小伙伴建议在前面加个c，像这样，下面的下载模型也一样我就不再说了 cnpm install --save hexo-helper-live2d 2、模型下载 模型仓库 使用 npm install {packagename}命令
hexo笔记十一：next主题添加留言页面
Awt_FuDongLai的博客
07-19 1357
一个完整的博客网站必然少不了留言页面。 本篇博文记录如何添加留言页面。 1 页面生成命令 hexo n page guestbook 2 修改配置文件 在上面的命令执行完后，会在 博客目录/source/ 下生成guestbook目录。 cd 博客目录 vim source/guestbook/index.md # 添加一行即可 --- title: 给我留言吧 date: 2020-07-19 15:20:22 type: "guestbook" --- 然后更改主题的配置文件。 cd 博客目录
hexo笔记五：next主题添加背景动画
Awt_FuDongLai的博客
07-18 2656
next主题默认有4中背景动画。 默认不添加动画的场景： 更改主题配置文件即可设置背景动画（完成修改后，要执行hexo g命令才能看到效果）： cd 博客目录 vim themes/next/_config.yml # 将配置文件中的下列选项中的一个设置为true即可，我都试过了，但是背景都不咋好看 # Canvas-nest canvas_nest: false # three_waves three_waves: false # canvas_lines canvas_lines: false
hexo笔记四：next主题添加作者头像
Awt_FuDongLai的博客
07-18 5590
在界面的sidebar处，如果没有添加一个作者的头像，就不太美观。 如果添加了头像，就更像那么回事一些。 这篇博客讲述怎么添加一个头像。 1 更改主题配置文件 cd 博客目录 vim themes/next/_config.yml 找到下面这行，取消注释即可。 # Sidebar Avatar # in theme directory(source/images): /images/avatar.gif # in site directory(source/uploads): /uploads/av
hexo的live2d看板娘
02-13
live2d源代码以及22个模型的预览 安装完hexo-helper-live2d依赖后，将packages里的文件夹复制到node_moduels文件夹下。
Live2D看板娘
02-19
可用于网页端显示Live2D版的伊斯特瓦尔(Histoire)，主要功能如下： 1.可以基于图灵机器人的聊天功能（需要自己写接口，默认隐藏）。 2.能够随意移动并记录位置（关闭浏览器后失效）。 3.能够随意唤醒或者关闭并记录状态。 4.自动判断浏览器是否为IE或者手机浏览器，如果判断为true则不加载伊斯。 5.给骚扰伊斯加了限制频率，不能狂骚扰伊斯了。
hexo笔记七：next主题添加版权声明
Awt_FuDongLai的博客
07-18 2764
版权声明是指在文末加上这么一段文字： 本文记录如何添加文章的版权声明 1 编辑主题配置文件： cd 博客目录 vim themes/next/_config.yml # 找到下列信息设置为true，许可协议用默认的就行了。 # Declare license on posts post_copyright: enable: true license: CC BY-NC-SA 3.0 license_url: https://creativecommons.org/licenses/by-nc
Hexo添加Live2D看板娘最新教程
enchanted的博客
01-29 8067
上次我们搭建了hexo博客，今天来添加一个Live2D看板娘。在网上看了一些教程，不过hexo更新之后更简单，以前的一些教程有些过时了，所以想写一篇更新的教程。Live2D是一种应用于电子游戏的绘图渲染技术，由日本Cybernoids公司开发，通过一系列的连续图像和人物建模来生成一种类似二维图像的三维模型，换句话说就是2D的素材实现一定程度的3D效果，但只能是一定程度3D，因为Live 2D人物无法大幅度转身。
在hexo的butterfly主题中开启看板娘配置
YR_112233的博客
02-08 1521
博客美化添加看板娘
Hexo添加live2d看板娘模型
最新发布
weixin_46629928的博客
03-26 852
在Hexo添加live2d看板娘模型 haruto这个模型 我爱了 1.首先安装npm包 配置环境变量 打开cmd.exe,输入: //查看版本号是否安装成功 $ npm -v 2.下载hexo 输入命令 //下载hexo客户端 $ npm install -g hexo-cli 同样环境变量 3.在本地新建文件myblog(作为博客资源文件夹) 输入命令 //初始化刚新建的myblog文件夹 $ hexo init myblog $ cd blog $ hexo instal 这
Hexo 添加Live2D看板娘
bajixiang6752的博客
08-06 606
title: Hexo 添加　Live2D看板娘 二次元什么的最喜欢了[大好きです] 准备 项目地址 live2d模型 部分模型预览 开始 首先进入Hexo博客根目录安装live2d插件 $ npm install --save hexo-helper-live2d 接着，修改根目录下的 _config.yml 文件 添加自定义配置(下面提供我的配置做参考)： ## live2d...
在hexo博客加上live2d看板娘
u013467402的博客
09-26 1353
在hexo博客加上live2d看板娘1.首先安装[npm](https://nodejs.org/en/)包2. 下载hexo3.在本来新建文件==myblog==(作为博客资源文件夹)4.第一个自己的博客终于出来了，我们试试运行5.下面进入重点集成看板娘，详细[文档](https://github.com/EYHN/hexo-helper-live2d/blob/master/README.z...
Hexo使用指南：常见操作与问题解决方案
- 当遇到Next主题的目录链接无法跳转的问题时，可能涉及到防火墙设置。解决方法是打开Windows防火墙，新建一个允许22端口（SSH）的入站规则。 - 如果是网络问题而非本地环境，可能是路由器设置了限制，尝试通过...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值