前言本文主要用于记录及分享博主在使用butterfly主题时曾使用的功能及涉及到的部分修改； 一些直接修改主题配置文件的功能，请移步Hexo-theme-butterfly开源仓库，参阅官方文档，这里就不做赘述。 此文不涉及源码的修改，源码修改部分请参照Hexo-Butterfly主题修改汇总-2 Front-mattermarkdown文件最上方以---分隔的区域 1234567891011121314151617181920---title:date:updated:tags:categories:keywords:description:top_img:comments：cover: toc: toc_number:auto_open:copyright:mathjax:katex:aplayer：highlight_shrink：--- 写法 说明 title 【必需】文章标题 date 【必需】文章创建日期 updated 【可选】文章更新日期 tags 【可选】文章标籤 categories 【可选】文章分类 keywords 【 ...

前言 此教程已不更新，建议配置最新更新的教程将Hexo部署到腾讯云轻量应用服务器使用 hexo的搭建 开放端口并登录服务器 在云服务器管理控制台找到自己购买的实例（图1），点击进入实例详情，点击本实例安全组，点击自己的实例，分别开放22，80和8888端口（图2）。 回到实例列表，界面下拉，在配置信息里找到服务器的公网ip，记下此ip,之后会用到。 返回顶部，点击更多→重置实例密码（用户名一般设为root)（图3），然后点击远程连接，在服务器界面输入刚才设置的用户名和密码，确定登录。 部署宝塔面板安装宝塔 1yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && bash install.sh 安装过程出现选择，一律选择y(yes)，即输入y（yes）回车安装完成后根据给出的地址和账号密码，登录宝塔 进入宝塔面板后，按照提示先安装LNMP(nginx)。 ps：如果忘记宝塔 ...

安装插件插件需要在Hexo中使用 安装hexo-tag-aplayer插件： 1$ npm install --save hexo-tag-aplayer 为了方便操作，直接使用Aplayer插件中的MetingJS （基于Meting API 的 APlayer 衍生播放器）在 Hexo 配置文件 _config.yml 中设置： 12aplayer: meting: true 不安装插件同样也是使用的Aplayer中的MetingJS直接在界面中引入alplayer和meting需要的css文件和js文件 123<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10/dist/APlayer.min.css"><script src="https://cdn.jsdelivr.net/npm/a ...

官方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 ...

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 回车确定，查看提示， ...

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查看。 标题123456# 一级标题## 二级标题### 三级标题#### 四级标题...... 三级标题四级标题。。。 文本类型1234567891011121314*斜体文本* _斜体文本_ **粗体文本** __粗体文本__ ***粗斜体文本*** ___粗斜体文本___ ==标记文本==~~删除文本~~> 引用文本> >嵌套引用文本> > >套中套。。。^上标^~下标~ 斜体文本斜体文本粗体文本粗体文本粗斜体文本粗斜体文本==标记文本==删除文本 引用文本 嵌套引用文本 套中套（可无限嵌套） H~2~O CO~2~ 2^10^ 10^2^ 使用HTML设置角标 12H₂O CO₂2¹⁰ 10& ...

欢迎来到我的个人博客，虽然说之前零零碎碎也是弄了一些，但是这应该算是我的第一个真正意义上的个人博客。正如我在博客首页所写的那样—————这是“一个收藏回忆与分享技术的地方” 大大小事记 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主题样式进行了简化，并按照新拟态设计风格，对其整体样式进行了大幅修改，适配了夜间模式