Hexo博客增加Live2D看板娘
前言 {#前言} ======== 目前只推荐这个(因为消耗资源较少),这是博客自带的看板娘,这孩子不会说话也不能换装,只会跟着你的鼠标晃动脑袋,不过有几款超可爱。 ![](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 安装 {#安装} ======== ...
前言 {#前言} ======== 目前只推荐这个(因为消耗资源较少),这是博客自带的看板娘,这孩子不会说话也不能换装,只会跟着你的鼠标晃动脑袋,不过有几款超可爱。 ![](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 安装 {#安装} ======== ...
引言 {#引言} ======== 在`[BlogRoot]\source\css\custom.css`自定义样式的文件中引入如下代码(最后记得在inject配置项引入!!!) 个人卡片实现渐变色的实现代码 {#个人卡片实现渐变色的实现代码} ================================ |------------------------------...
前言 {#前言} ======== 尝试适配了pjax,当时把这个任务当成一个长期任务,没想到很快就搞定了,修改量也不是很大。 具体适配,其实并不多。 DOM层面适配 {#DOM层面适配} ================== 有些DOM元素(自己魔改的)在不同页面的表现不一样,这时使用pjax切换页面后并不会进行更改,需要加上类名`.js-pjax`。 加上之后全页...
彩色友链 {#彩色友链} ============ ![](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 把友链改成外挂标签形式 {#把友链改成外挂标签形式} ========================== 只需要复制原来的友链yml,然后删除,新建一个...
新版本 {#新版本} ========== > 原理:通过hexo的api获取所有文章,然后比较时间得到最新文章的名字,返回给pug文件比较并添加元素。 修改page.js {#修改page-js} ---------------------- 首先我们需要在 `themes\butterfly\scripts\helpers\page.js` 内加入一段内容(位置...
创建文件 {#创建文件} ============ 如果想魔改和美化,添加自定义文件是不可避免的。下面来详细说一下css和js文件的创建和引入,其他文件同理。 我们找到`博客根目录`下的`source`文件夹(主题的source虽然也可以,但是不推荐) 在里面创建`js`和`css`文件夹,也可以创建其他文件夹,例如存放图片的`img`文件夹,存放字体的`font`文件夹...
前言 {#前言} ======== 发现自带的样式实在太简单,写css覆盖的话还很麻烦,夜间模式看的话很突兀。 所以我就稍微改了一下,只要它的数据,样式全由自己来写。 添加代码 {#添加代码} ============ 代码如下所示: |-----------------------------------------------------------------...
1. 安装插件,在博客根目录 `[Blogroot]` 下打开终端,运行以下指令: |-----------|-------------------------------------------------| | ``` 1 ``` | ``` npm install hexo-butterfly-clock --save ``` | 2. 添加配置信息,以下...
1. 新建 `[Blogroot]\themes\butterfly\layout\includes\custom\sun_moon.pug`, 这部分其实实质上就是一个 `svg` 文件,通过 `js` 操作它的旋转显隐,淡入淡出实现动画效果。 |---------------------------|---------------------------------...
1. 参照参考教程中的[Butterfly 友链界面配置教程](https://butterfly.js.org/posts/dc584b87/#%E5%8F%8B%E6%83%85%E9%8F%88%E6%8E%A5)先配置好默认友链页面。 2. 在 Hexo 博客根目录`[Blogroot]`下打开终端,输入 |-----------|--------------...