偷掉月亮

看板娘与自定义看板娘 原作者项目：GitHub - stevenjoezhang/live2d-widget: 把萌萌哒的看板娘抱回家 (ノ≧∇≦)ノ | Live2D widget for web platform 我的改进： 把文件存储在hexo本地，提升看板娘的访问速度 去除看板娘复杂的模型，更加轻便，同时可以自定义看板娘 下载依赖首先将依赖文件存放在本地，下载下面的资源到本地的..\themes\butterfly\source，并且命名为live2d-widget-master GitHub - stevenjoezhang/live2d-widget： 把萌萌哒的看板娘抱回家 （ノ≧∇≦）ノ |用于网页平台的Live2D小部件 而后打开链接https://moonshuo.cn/live2d-widget-master/autoload.js 下载作者的js文件，替换live2d-widget-master文件夹下的文件 下载依赖的模组点击下载下方的链接live2d: 看板娘动态动画，可以为网页增加相应动作 (gitee.com)，并且命名为live2d_api， ...

原文地址，阅读效果更佳：Hexo中Buttefly主题美化进阶续篇（十一） | 偷掉月亮 (moonshuo.cn) 大家好，我是阿硕，专注与后端，略懂前端的一个菜鸟程序猿，今天将为大家讲述Butterfly主题公告栏的设置。 原作者链接：Butterfly 主题首页增加公告 | realwds’s blog 作者的魔改： 适配了双栏的布局 增加了超链接设置，点击对应的公告即可进入到相应的文章 美化了一些样式，更改了与一些插件的冲突 轮播公告栏设置声明：如果使用这个效果的公告栏，大家对于轮播组件就需要做出更改，Swiper Bar | Akilarの糖果屋大佬的插件就不能使用了（否则公告栏会出现在轮播组件下面），要使用旧版源码魔改方案，但是博主的版本是4.5.0也可以使用旧版的方案 关于公告栏的设置，由于博主使用的双栏配置，而现在很多网上的教程都是关于单栏的，会出现兼容的问题，看来好久的源代码，终于改正过来，同时为了公告的可用性增强，所以重新花了一点时间学习了pug的语法，现在的公告可以点击对应的公告，就可以超链接到相应的文章 建立公告页效果 建立themes/butter ...

原文地址，阅读效果更佳：Hexo中Buttefly主题美化进阶续篇（十一） | 偷掉月亮 (moonshuo.cn) 大家好，我是阿硕，专注与后端，略懂前端的一个菜鸟程序猿，今天将为大家讲述Butterfly主题的我们页面的整体美化，其实前面已经出过两个这样的美化，但是随着时间的交替，发现可能适合我们的美化，这里将大家可以自由进行选择 个人卡片背景图Hexo中Buttefly主题美化进阶（八） | 偷掉月亮 (moonshuo.cn)，这一篇文章中我们讲述过将butterfly主题的个人卡片背景图设置为渐变色，但是后续感觉有点突兀 12345678910111213/*白天主题下的配置*/#aside-content>.card-widget.card-info { /*换成自己图片的地址*/ background-image: url('./bg.jpg'); background-repeat: no-repeat; background-attachment: inherit; background-size: 1 ...

原文地址：Hexo中Buttefly主题美化进阶续篇（十） | 偷掉月亮 (moonshuo.cn) 大家好，我是阿硕，专注与后端，略懂前端的一个菜鸟程序猿，今天将为大家讲述Butterfly主题的我们页面的整体美化，其实前面已经出过这个配置，但是由于字数的限制，只能再起一个篇章 双栏布局效果 首先执行以下的命令 1npm i hexo-butterfly-article-double-row --save 在网站的根配置文件下添加以下的代码 123#双栏美化butterfly_article_double_row: enable: true 这样之后我们的页码会出现一个小bug，在自定义css文件中加入下面的代码 调整页码的位置 12345/* 翻页按钮居中 */#pagination { width: 100%; margin: auto; } hexo clean,hexo g,hexo s即可完成 首页轮播图首先执行以下的代码 1npm install hexo-butterfly-swiper --save 在主配置文件中引入轮播图组件 123456 ...

原文链接，阅读效果更佳：Hexo中Buttefly主题功能增强（九） | 偷掉月亮 (moonshuo.cn) 大家好，我是阿硕，专注与后端，略懂前端的一个菜鸟程序猿，今天将为大家讲述Butterfly主题的一些功能增强，今天讲述的是添加日历的操作，大家有什么疑问可以去原文进行提问，有邮件通知，博主可以更快回复！！ 添加日历效果 添加pug在下面的路径中新建文件card_calendar.pug，并复制下面的代码,而里面的文章写作日历，可以更改为自己喜欢的名字 …\themes\butterfly\layout\includes\widget\card_calendar.pug 1234567if theme.aside.card_calendar.enable .card-widget.card-calendar .card-content .item-headline i.fas.fa-calendar span= _p('文章写作日历') div#calendar.widget index引入，在同级的 ...

原文地址：Hexo中Buttefly主题美化进阶（八） | 偷掉月亮 (moonshuo.cn) 大家好，我是阿硕，专注与后端，略懂前端的一个菜鸟程序猿，今天将为大家讲述Butterfly主题的我们页面的整体美化 设置透明度打开我们外部引入的css文件，复制以下的代码 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253/*文章的整体背景，渐变色设置*/#web_bg { background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%); #background: #FFEFBA; /* fallback for old browsers */ #background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA); /* Chrome 10-25, Safari 5.1-6 */ #background: ...

Valine系统的设置原文链接：Hexo中Buttefly主题Valine评论系统配置以及美化（七） | 偷掉月亮 (moonshuo.cn) 大家好，我是阿硕，专注与后端，略懂前端的一个菜鸟程序猿，今天教大家Hexo中valine评论的设置。 介绍之所以选择valine是因为操作简单，而且页面的变化的美化我们都可以进行配置，简单功能比较强大，而且快速安全，不要后端 更改配置123456comments: use: Valine #,Disqus # 可实现单评论、双评论(最多两个) text: true # 是否显示评论服务商的名字 lazyload: true # 是否为评论开启lazyload，开启后，只有滚动到评论位置时才会加载评论所需要的资源（开启lazyload后，评论数将不显示） count: true # 是否在文章顶部显示评论数，livere、Giscus 和 utterances 不支持评论数显示 card_post_count: false # 是否在首页文章卡片显示评论数，gitalk、livere 、Giscus 和 utterances 不支持评论 ...

原文链接：Hexo中Buttefly主题配置美化（六） | 偷掉月亮 (moonshuo.cn) 本次更改仅仅针对butterfly文件夹下的config.yml按照顺序进行更改 大家好，我是阿硕，专注于后端，略懂前端的一个菜鸟程序猿，今天教大家Butterfly的主题设置美化的设置。 自定义使用图标选择图标进入到阿里图标官网：iconfont-阿里巴巴矢量图标库 找到对应的图标，加入到购物车，发现购物车中已经拥有 添加至项目，为了稳定性我们选择下载到本地，在butterfly文件的source/css文件下，将红色标注的全部移动过去，注意这里在移动的过程中我将iconfont更名为font，如果没有更名，下面的引用按照原来的进行 添加外挂样式在butterfly的config文件下找到inject标签，添加外挂样式 12345678# Inject# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' ta ...

原文链接：Hexo中Buttefly被百度，Bing等搜索引擎收录（五） | 偷掉月亮 (moonshuo.cn) 大家好，我是阿硕，专注与后端，略懂前端的一个菜鸟程序猿，今天教大家如何使自己的博客被收录。 优化链接为什么优化我们首先看没有优化的文章链接，按照日期+文章标题，但是这样有一个非常严重的错误，如果我们更改文章标题，那么文章原来的链接就会改变，而搜索引擎会不会收录稳定性不高的文章，同时访客也无法长期访问 现在我们以知乎为例子，看一下知乎的链接，知乎直接按照数字进行记录，数字一直不变，那么就一直定向这篇文章 优化执行下面的命令 1npm install hexo-abbrlink --save 修改主配置文件的设置，我们执行hexo g之后，发现链接变化为永久链接 而这个网址已经使我们文章首部的abbrlink标签对应的值 百度收录收录进入百度站长平台：站点管理站长工具百度搜索资源平台 (baidu.com) 用户中心->站点管理->添加网站->输入网站（有证书的话选择Https）->站点属性->验证网站 这里我选择了CNAME验证，比较简 ...

原文地址：Hexo中Buttefly文章标签与图床的选择（四） | 偷掉月亮 (moonshuo.cn) 大家好，我是阿硕，专注与后端，略懂前端的一个菜鸟程序猿，今天将为大家讲述文件标签的意义与图床的配置与选择。 文章的标签我们文章都放在_posts目录下，分类效果只与我们的标签有关 下面是官网的信息，我们主要介绍一些重要的标签 下面按照本文章为例子进行讲解 123456789101112131415//文章的标题，也是所以可以搜索到的东西title: Hexo中Buttefly文章标签与图床的选择（四）//分类，如果想要二级分类，直接在下面直接添加就好categories: - 博客搭建//标签，表示这个属于Hexo标签与Butterfly标签，注意两个标签是同级的，同时便于别人的查询tags： - Hexo - Butterfly//自定义文章封面cover: 图片的链接//这个是网站的链接，是便于搜索引擎收录的，我们后续搜索引擎收录的时候在进行讲解permalink//评论功能，后续会讲解到comments 图床的选择在本地的访问，我们将图片文件放在了本地电脑中，我们可以直 ...