网站添加能换装可互动的live 2d看板娘
官方live 2d 地址
我这里使用的是张书樵的项目,以hexo-theme-butterfly为例。
下载 张书樵live2d,解压到本地博客目录的 themes/butterfly/source 下,修改文件夹名为 live2d-widget,修改项目中的 autoload.js 文件:将1const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/";
改为1const live2d_path = "/live2d-widget/";
在主题配置文件中,引入js:
1<script src="/live2d-widget/autoload.js"></script>
在主题配置文件中,新增如下内容:
12live2d: enable: true
想修改看板娘大小、位置、格式、文本内容等,可查看并修改 waifu-tips.js 、 waifu-tips.json 和 waifu.c ...
Hexo的搭建(从零开始)
Git配置参考本站中【Git】一文中的:
安装:Git#Git的安装与使用
全局范围的签名设置:Git#全局范围的签名设置
安装Node下载并安装NodeJS(选择.msi下载即可)。
NodeJS历史版本
Win7最高支持的版本为13.14.0
安装Hexo打开Git终端(桌面右键,选择Git Bash Here);
如无特别说明,本文中的所有指令均在Git终端完成
(可选)切换npm为淘宝源(如果你的下载速度不慢的话也可以不切换)
1$ npm config set registry https://registry.npm.taobao.org
打开Hexo官网,可以看到安装指令,输入安装指令:
1$ npm install hexo-cli -g
回车确定,等待安装完成。
输入hexo -v检查Hexo是否安装成功。
新建一个文件夹,作为Hexo仓库,然后打开Git终端,输入指令,初始化Hexo仓库:
1$ hexo init
回车确定;
预览默认主题输入指令 :
1$ hexo serve
或者直接使用缩写:
1$ hexo s
回车确定,查看提示, ...
常用的CSS属性大全
1. 动画属性
属性
描述
CSS
@keyframes
定义一个动画,@keyframes定义的动画名称用来被animation-name所使用。
3
animation
复合属性。检索或设置对象所应用的动画特效。
3
animation-name
检索或设置对象所应用的动画名称 ,必须与规则@keyframes配合使用,因为动画名称由@keyframes定义
3
animation-duration
检索或设置对象动画的持续时间
3
animation-timing-function
检索或设置对象动画的过渡类型
3
animation-delay
检索或设置对象动画的延迟时间
3
animation-iteration-count
检索或设置对象动画的循环次数
3
animation-direction
检索或设置对象动画在循环中是否反向运动
3
animation-play-state
检索或设置对象动画的状态
3
2.背景属性
属性
描述
CSS
background
复合属性。设置对象的背景特性。
1
backgr ...
常用的Markdown使用技巧总结
前言使用之前先来了解一下什么是Markdown。百度搜索词条“Markdown” ,或者点Markdown查看。
标题123456# 一级标题## 二级标题### 三级标题#### 四级标题......
三级标题四级标题。。。
文本类型1234567891011121314*斜体文本* _斜体文本_ **粗体文本** __粗体文本__ ***粗斜体文本*** ___粗斜体文本___ ==标记文本==~~删除文本~~> 引用文本> >嵌套引用文本> > >套中套。。。^上标^~下标~
斜体文本斜体文本粗体文本粗体文本粗斜体文本粗斜体文本==标记文本==删除文本
引用文本
嵌套引用文本
套中套(可无限嵌套)
H~2~O CO~2~
2^10^ 10^2^
使用HTML设置角标
12H<sub>2</sub>O CO<sub>2</sub>2<sup>10</sup> 10& ...
Hello World!
欢迎来到我的个人博客,虽然说之前零零碎碎也是弄了一些,但是这应该算是我的第一个真正意义上的个人博客。正如我在博客首页所写的那样—————这是“一个收藏回忆与分享技术的地方”
大大小事记
2020-05-XX
5月份,在编程群看到有人用github做个了单页网址,还挺好看。进一步了解下,知道了Hexo,遂用github搭建了个Hexo网页。
2020-05-20
选了个好日子,在阿里云花1块钱买了个top域名,个人博客算是正式建立,并陆续更新文章。域名为“whitenight***.top”(由于域名现已过期弃用,并且后面发现被博彩网站抢注了,所以这里就不放出完整域名了)
2020-09-01
觉得之前的域名实在太长,于是重写买了个域名,将域名更换至“ahzoo.cn”,同时将博客转移至“blog.ahzoo.cn”
博客发展:
博客1.0,截图为后续补的截图
博客2.0
正式将主题换为Butterfly,并进行了多次修改
博客3.0
对butterfly主题样式进行了简化,并按照新拟态设计风格,对其整体样式进行了大幅修改,适配了夜间模式