【Github Hexo 博客美化】快把你的老婆拿出来！

最新推荐文章于 2021-04-23 16:29:24 发布
最新推荐文章于 2021-04-23 16:29:24 发布
阅读量607 收藏 2
点赞数 3
分类专栏： 网站 文章标签： npm git github node.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vanarrow/article/details/106157978
版权

一、展示

在这里插入图片描述这个用的人挺多的，点一下…居然还有？？？
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
Wu~ 我比较喜欢这最后一对（好想两个都用！！！）

helper-live2d

更多人物参考

项目地址

具体安装模特

live2d-widget-model-chitose
live2d-widget-model-epsilon2_1
live2d-widget-model-gf
live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru)
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

这么多老婆任你挑！

二、具体安装

Attention！Please！
命令全都在博客主目录执行！！！

（否则配置非常容易出错，唉…）

  • 右键，git bash here 安装插件
npm install --save hexo-helper-live2d

//安装了cnpm就直接用下面的快！
cnpm install --save hexo-helper-live2d


cnpm install live2d-widget-model-haruto
//model- 后面可以改为自己想要的模特

安装的文件在这里哦！
在这里插入图片描述

根目录下，还是打开这个配置文件

在这里插入图片描述
文件最后面加上下面的内容

live2d:
  enable: true
  #enable: false
  scriptFrom: local # 默认
  pluginRootPath: live2dw/ # 插件在站点上的根目录(相对路径)
  pluginJsPath: lib/ # 脚本文件相对与插件根目录路径
  pluginModelPath: assets/ # 模型文件相对与插件根目录路径
  # scriptFrom: jsdelivr # jsdelivr CDN
  # scriptFrom: unpkg # unpkg CDN
  # scriptFrom: https://cdn.jsdelivr.net/npm/live2d-widget@3.x/lib/L2Dwidget.min.js # 你的自定义 url
  tagMode: false # 标签模式, 是否仅替换 live2d tag标签而非插入到所有页面中
  debug: false # 调试, 是否在控制台输出日志
  model:
    use: live2d-widget-model-haruto
    # use: live2d-widget-model-wanko # npm-module package name
    # use: wanko # 博客根目录/live2d_models/ 下的目录名
    # use: ./wives/wanko # 相对于博客根目录的路径
    # use: https://cdn.jsdelivr.net/npm/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json # 你的自定义 url
  display:
    position: right
    width: 145
    height: 315
  mobile:
    show: false # 是否在移动设备上显示
    scale: 0.5 # 移动设备上的缩放
  react:
    opacityDefault: 0.7

在这里插入图片描述

依然是，右键根目录，git bash here

hexo clean
hexo g
hexo s

//或者一键三连
hexo clean && hexo g && hexo s

效果：

在这里插入图片描述

具体个性化更改参考里面的注释！

你们这样一点都不可耐
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用Hexo-GithubPages-CodingPages搭建自己的个人博客
My Coding Life
09-05 1492
本博文最初发表在博主个人博客上，可以点击这里阅读。 首先声明：这并不是一篇教程。 这不是一篇教程，原因有4个： 博主太懒了，而且文笔也很差。 写教程需要把之前的过程再过一遍，博主没有时间也没有耐心。 中间要在github上创建个人的github.io库，而这个库每个账号只能有一个。为了写教程再去申请账号太麻烦了。 最后一点，也是最重要的一点：网上的教程已经很多了，而且有的文章写的确实不错。我的博
github+hexo之主题美化
hehui0316的博客
05-06 277
1、 鼠标点击特效 鼠标的点击红心特效如下： 在/themes/next/source/js/src下新建文件 clicklove.js ，接着把下面的代码拷贝粘贴到 clicklove.js 文件中： !function(e,t,a){function n(){c(".heart{width: 10px;height: 10px;position: fixed;background: #f00...
用git将项目文件上传至github
小哆啦小可爱的博客
01-20 1万+
1，新建文件夹，在文件夹中新增txt文件 2，下载git https://git-scm.com/download/win 3，点击文件右键（git base here）打开git客户端 4，根据https://jingyan.baidu.com/article/295430f18d33490c7e0050e4.html 步骤安装直到出现登录github账号 5，将需要上传的项目文件拖至新建的文件...
GitHub上一些有意思地址/有趣的网站：收藏链接
热门推荐
iamfishman
07-07 12万+
收藏github上一些有趣的东西。 （1）各领域各语言上可供学习的项目：（构建自己的项目） https://github.com/danistefanovic/build-your-own-x （2）虽然不知道有没有用，但是保存起来，感觉未来会使用到的Git 的工程师模板。 https://github.com/github/gitignore （3）开源！免费！公用！API接口：以后我肯定有用！ https://github.com/public-apis/public-apis （4）命令行操作，一言难
高仿喵播，视频直播 2.0版本
09-14
Github下载地址：https://github.com/XLAccount/MiaoBo 项目详解地址：http://www.code4app.com/blog-843201-350.html 快速集成RTMP的视频推流教程：http://www.code4app.com/blog-843201-315.html ffmpeg常用命令操作：http://www.code4app.com/blog-843201-326.html #关于IJKMediaFramework/IJKMediaFramework.h找不到的问题,下载后直接拉到项目中即可 下载地址：https://pan.baidu.com/s/1boPOomN 密码:：9yd8 #BUG修复： 解决登录程序偶尔崩溃,修复轮播图片和页面控制器叠加等问题，修复新浪授权登录 (2016.9.7) 解决程序运行中偶尔崩溃问题，解决连续下拉刷新崩溃问题，优化代码 （2016.9.8) 优化直播页面，减少不必要的性能消耗，增加用户体验 （2016.9.11） 适配5s以上的机型除了6sPlus和6Plus延迟较大外，其余延迟都较小，网速好的话可以忽略不计 (2016.9.12) 新版本极大优化程序性能，修复关注数据异常等小问题,重新布局热门页面，减少因反复加载带来的性能消耗 (2016.9.13) 增加个人中心页面，采用下拉放大图片 ➕ 波纹效果 （2016.9.14） ![image text](https://github.com/XLAccount/ALLGIFS/blob/master/psb.gif) 展示图片 ![image](https://github.com/XLAccount/ALLGIFS/blob/master/psb-1.gif) 展示图片 ![image text](https://github.com/XLAccount/ALLGIFS/blob/master/psb-2.gif) 展示图片 ![image text](https://github.com/XLAccount/ALLGIFS/blob/master/psb-3.gif) 展示图片 感谢大神Monkey_ALin http://www.jianshu.com/users/9723687edfb5/latest_articles 的demo支持
GitHub hexo搭建个人博客
06-10
GitHub+hexo搭建各个博客
zhongmingmao.github.io:Hexo博客网站
04-10
zhongmingmao.github.io 1.说明 Hexo Blog与Travis CI集成。 ...分支博客上的hexo博客源blog_source 分支master上的hexo输出（ github-pages ） blog_source > Travis CI > master 3. Hexo插件
Hexo + github page 实现搭建博客.pdf
08-20
Hexo + github page 实现搭建博客.pdf
手把手教你用Hexo+Github搭建属于自己的博客(详细图文)
10-19
越来越多的朋友选择自己架设自己的博客，以来方便个性样式二来也能带来不少收入，大部分朋友都会选择wordpress搭建个人博客，这里为大家分享使用Hexo+Github搭建开发者博客的方法,需要的朋友可以参考下
hexo-filter-emoji:He Hexo的GitHub表情符号！
05-07
六重过滤器表情符号 一个使用添加了表情符号支持的Hexo插件。 查看了解其支持的所有表情符号。安装$ npm install hexo-filter-emoji$ hexo clean选项您可以在Hexo _config.yml配置此插件。 默认选项： emoji : ...
Hexo博客优化：在Next主题中设置进阶版Live2D看板娘————拒绝踩坑！！！！
梆子井欢喜坨的博客
05-29 8311
使用官方包安装非常简单，但效果一般 地址：https://github.com/xiazeyu/live2d-widget-models git命令行中输入： npm install --save hexo-helper-live2d 在站点配置文件中修改： # Live2D ## https://github.com/EYHN/hexo-helper-live2d live2d: ena...
使用hexo+GitHub搭建自己的博客中遇到问题的解决方法及博客美化
程序员面试精选【codeoffer】
06-04 2693
之前一直就想搭建自己的个人博客了，但一直拖着没动手，昨天终于花了一天的时间完成了，从安装到域名注册到配置美化，但还没有完成，之后还会一直继续修改。 关于搭建的教程网上各种教程，但是要学会分辨，有些是错的，这里我也不多说了，只说一下搭建过程中遇到的问题及解决方法。 port：4000端口打不开，可能被占用了，改为5000。但并不是修改配置文件中的port参数，而是he
使用github+Hexo人人都能拥有一个美美的博客
沸沸腾的专栏
11-26 1257
我相信很多人都想拥有一个自己的博客，把自己的一些生活感想或者学习总结写到这上面分享给大家。首先我推荐一个网站简书，无论你是否是搞技术开发工作的或者其他文艺工作者，只要你想写文章，简书无疑是一个好的写文章的地方，如果是搞技术的小伙伴还有推荐的是博客园，CSDN博客等等但是如果你不满足那些博客千篇一律的外表，自己动手能力也强，想要拥有一个高大上的属于自己的博客，有自己的网址，那么跟我一起来创建一个属于自
hexo+sakura主题美化合集
weixin_45631738的博客
03-10 6845
文章目录一.简介二.主题基本修改三.添加通讯以及美化背景四.添加2D板娘1.通过core-js安装2.直接修改文件安装五.总结 一.简介 我们搭建了自己的博客后，肯定需要美化，打造属于自己的个性博客，但是百度上面好多大神发的教程比较散，我尝试了以后汇总了一下分享给大家 主题基本修改 添加通讯以及美化背景 添加2d板娘 二.主题基本修改 主题基本的修改我给大家推荐的是 yremp大神 的这篇文章...
亲测有用！Github下载文件速度慢的加速方法！！！不花里胡哨！没有用你砍我！！！
岁月平添了我的愁
04-23 719
解决方法： 1. 去Github找到你想要下载的文件，右键点击，复制下载链接： 2. 没有下载迅雷的小可爱，打开https://gh.msx.workers.dev/，粘贴下载链接，点击下载即可，虽然速度没有非常快，但是比github快很多！ 3. 有迅雷的小可爱打开迅雷，复制链接打开会自动识别开启一个新的下载任务，这个速度就非常bt，完全取决于你的网速了，博主公司的网是真的快，下载速度最快的方法没有之一，强烈推荐！ ...
github博客美化
04-10 1202
  我终于把博客美化完了，真好，花了我两天时间   我发现这个next主题还挺好用的，还好自己学了一点做web的语言，这个主题的能够通过主题文件夹里面的source/css/_custom文件进行某些地方的自定义，虽然不能全部自定义（本来我是准备利用hover对我的头像进行一点小改动的，但改不了，很难过。我p图p了很久（TヘT）。   那么我简单说一下我自己美化用的东西吧：   1、拿血小板做看板...
Hexo添加Live2D看板娘+模型预览
执念
02-13 2万+
文章目录添加和注意事项模型预览live2d-widget-model-chitoselive2d-widget-model-epsilon2_1live2d-widget-model-gflive2d-widget-model-haru_01live2d-widget-model-haru_02live2d-widget-model-harutolive2d-widget-model-hibiki...
github下载源码的三种方式
weixin_33929309的博客
06-07 2379
  从github上下载源码的三种方式 CreationTime--2018年6月7日15点21分 Author:Marydon 1.情景展示 2.实现方式 　　方式一：直接点击"DownloadZIP"，下载到本地的是一个源码zip压缩包； 　　方式二：使用eclipse的git插件下载 　　复制源码链接地址-->粘贴到URI一栏，下面2栏内容自动生成； 　　输入...
小可爱
weixin_30408309的博客
06-25 4007
转载于:https://www.cnblogs.com/lrf9606/p/7077434.html
github hexo博客绑定域名
最新发布
10-17
首先，你需要在你的域名服务商处添加一条 CNAME 记录，将你的域名指向你的 GitHub Pages 网站。具体步骤如下： 1. 登录你的域名服务商的网站，找到 DNS 解析或者域名解析等相关设置页面。 2. 添加一条 CNAME 记录，将主机记录设置为你的自定义域名（例如：blog.example.com），将记录值设置为你的 GitHub Pages 网站的地址（例如：username.github.io）。 3. 等待 DNS 解析生效，一般需要几分钟到几小时不等。 接下来，在你的 Hexo 博客中进行如下配置： 1. 打开 Hexo 博客的配置文件 `_config.yml`，找到 `url` 和 `root` 两个配置项。 2. 将 `url` 配置项设置为你的自定义域名（例如：https://blog.example.com）。 3. 将 `root` 配置项设置为 `/`。 最后，将你的 Hexo 博客重新生成并部署到 GitHub Pages 上即可。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值