Hexo个人博客主题和看板娘

已于 2022-06-24 15:44:41 修改
阅读量1k 收藏 2
点赞数
分类专栏： Hexo 博客 文章标签： 其他 经验分享
于 2022-06-24 11:48:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_57349957/article/details/125428655
版权
本文介绍了如何在Hexo博客中选择和安装主题，特别是详细讲解了Matery主题的配置步骤。此外，还阐述了如何添加和定制看板娘，包括卸载、安装、配置以及选择集成或普通看板娘的方法。最后，提到了看板娘的定制技巧，并推荐了几位相关资源的大佬网站。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Hexo博客美化

一、博客主题

1.下载主题

Hexo官网有很多主题可供选择，可以去找到一款自己喜欢的主题。
Hexo官网主题
在这里我用的是 Matery主题
在这里插入图片描述
闪烁之后博客这个博客中也有将这个主题是如何安装的。
在使用主题前我们需要先下载主题，主题放在themes文件夹下

git clone https://github.com/blinkfox/hexo-theme-matery.git  themes/matery

在这里插入图片描述

2.更改配置

打开blog下的配置文件
在这里插入图片描述
更改theme： xxx , xxx为你要用的主题名字，名字是下在到themes文件夹下的名字

最低0.47元/天 解锁文章
hexo笔记三：next主题添加看板娘
Awt_FuDongLai的博客
07-14 1508
有时候在逛别人的博客界面的时候，会在页面左下角或者右下角等界面看到这样的画面,还是非常好看的。 今天这篇博客总结下，怎么把萌萌哒的看板娘放到自己的博客页面中。 我采用的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
Hexo框架Ayer主题搭建我的博客
weixin_44546855的博客
11-15 787
关于Hexo ayer主题搭建Blog使用的框架、插件下面页面展示 我的博客链接: RainのBlog. 使用的框架、插件 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 Ayer Ayer 是一个干净且优雅的 Hexo 主题，自带响应式，加载速度很快。——Ayer 在马来语中是“水”的意思，在西班牙语中是“昨天”的意思。 Valine 一款快速、简洁且高效的无后端评论系统。 hexo-helper
Hexo 博客添加看板娘
weixin_40834438的博客
05-26 2409
Hexo 博客添加看板娘 相信看到这里的小伙伴都有属于自己的hexo博客了吧，废话不多说，我们直接进入主题 我的博客：传送门 1、安装模块 在hexo根目录下用Git执行命令 npm install --save hexo-helper-live2d // 没有纸飞机的小伙伴建议在前面加个c，像这样，下面的下载模型也一样我就不再说了 cnpm install --save hexo-helper-live2d 2、模型下载 模型仓库 使用 npm install {packagename}命令
hexo添加卡通人物（看板娘）
weixin_41811536的博客
04-16 793
输入如下命令获取live2d npm install --save hexo-helper-live2d 这可能需要点时间，耐心一点… 下一步选择喜欢的卡通角色 ↓ 模型预览传送门 然后输入如下命令 npm install <packagename> 将packagename换成你挑选的模型名称即可。 最后一步 打开根目录下_config.yml 添加如下代码 live2d: enable: true scriptFrom: local model: use: live2d-w
个人博客增加看板娘
weixin_30609287的博客
05-28 647
效果显示： 教学视频： https://www.texfox.com/?p=312 转载于:https://www.cnblogs.com/kangronghu/p/9102961.html
使用hexo在butterfly主题中开启看板娘配置教程（包括模型展示）
唯有努力，方可自信！
08-09 2332
看到别人博客的看板娘你心动了吗？看完这篇你也将会有自己的专属看板娘。快来跟着我自己配置一个。真的超简单
hexo-butterfly中加入看板娘
02-25
在本教程中，我们将深入探讨如何在基于Hexo框架的Butterfly主题中添加看板娘，让您的个人博客更具个性化和吸引力。Hexo是一款快速、简洁且高效的静态站点生成器，而Butterfly则是Hexo的一个流行主题，以其优雅的设计...
轻松打造hexo-butterfly主题的看板娘教程
在Hexo的butterfly主题中加入看板娘，可以提升博客的趣味性和个性化程度，使得网页不仅具有专业性，同时也具备一定的娱乐性。 本次教程将围绕如何在Hexo的butterfly主题中添加看板娘进行详细说明。教程将涵盖以下...
美化Hexo 个人博客
∑
12-14 1498
文章目录【01】添加卡通人物（看板娘） 【02】添加鼠标点击爱心效果 【03】添加鼠标点击显示字体效果 【04】添加鼠标点击烟花爆炸效果 【05】自定义鼠标指针样式 【06】添加彩色滚动变换字体 【07】添加背景音乐 【08】浏览器网页标题恶搞 【09】背景添加动态线条效果 【10】添加人体时钟等有趣的挂件 【11】添加网站雪花飘落效果 【12】添加背景动态彩带效果 【13】添加背景代码雨特效 ...
给自己的博客添加看板娘
起风了的博客
11-19 1416
给自己的博客添加能动会说话，可爱又萌萌哒看板娘 原博客地址： 详细步骤：https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-02 模型大全：https://www.cnblogs.com/dxdblog/p/10255503.html ...
hexo的live2d看板娘
02-13
live2d源代码以及22个模型的预览 安装完hexo-helper-live2d依赖后，将packages里的文件夹复制到node_moduels文件夹下。
为博客添加看板娘
weixin_30772261的博客
07-20 385
https://github.com/eeg1412/Live2dHistoirehttps://jszbug.com/wtplmbpjqjgfpam.html www.cnblogs.com/Seanocean 转载于:https://www.cnblogs.com/sea-stream/p/11216593.html
博客搭建之路：hexo博客增加板娘
最新发布
Lxn2zh的博客
11-20 436
网上看到一个人也是用hexo写的博客，他的博客右下角有个二次元小姐姐，看着倒是不错的。我也是用的hexo，我是不是也可以加上，bing一下，看看这是怎么实现的？这个要使用国内的镜像，不然下载不下来，我使用的是淘宝镜像。发现是使用的插件来实现的，操作还是蛮简单的。中增加live2d的配置。用哪个模型需要提前安装。hexo博客增加板娘。
用html5看板娘,HEXO+icarus主题 给博客添加看板娘(Live2D)
weixin_39970823的博客
06-25 456
最近在很多博客左下角或者右下角有看到小人(看板娘)，折腾了一番搜到的都没有达到预期的效果，并且大多数教程都是基于Next来做的，本人使用的主题是Icarus，跟Next有细微的区别。后面找到了大神的作品，本次教程基于Hexo+Icarus添加的看板娘(Live2D) 参考博客: 张书樵 梆子井欢喜坨 潘高PG效果展示教程​ 1、把大神已修改好的代码托管在Github 源码 ...
Hexo添加Live2D看板娘最新教程
ZJC'博客
05-26 3526
文章目录前言介绍Live2D看板娘添加Live2D看板娘准备工作安装依赖下载model文件添加live2d看板娘到hexo查看效果发布 前言 上次我们搭建了hexo博客，今天来添加一个Live2D看板娘。在网上看了一些教程，不过hexo更新之后更简单，以前的一些教程有些过时了，所以想写一篇更新的教程。 介绍 Live2D Live2D是一种应用于电子游戏的绘图渲染技术，由日本Cybernoids公司开发，通过一系列的连续图像和人物建模来生成一种类似二维图像的三维模型，换句话说就是2D的素材实现一定程度的3D
【Hexo搭建个人博客】（十二）Next主题中添加超级好玩的看板娘（CDN方式）
Mculover666的博客（嵌入式）
09-08 2201
使用第三方看板娘 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看板娘模型
weixin_46629928的博客
03-26 948
在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 这
个人主页添加看板娘
qq_30018717的博客
12-11 747
首先下载相关文件看板娘文件 点这里可以看我的个人主页，里面有看板娘的实际演示。 http://www.songzx.top/songzx/me/ 看板娘演示 这个看板娘是我从看板娘文件的一个登录测试页面中分离出来的，就是demo文件夹中的login.html文件。大家可以用浏览器打开login.html文件查看原本的看板娘形态。 因为我没有系统地学过html语言，教程中难免会出现错误，欢迎大家指正，大家可以直接反馈到我的个人邮箱。 正文 首先把看板娘文件复制到网页根目录，也就是有页面html文件的目录。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Carey Howe

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值