记录将网站转移到阿里云服务器过程
前言
此教程已不更新，建议配置最新更新的教程将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：如果忘记宝塔 ...
网站插入 Aplayer/网易云 音乐播放器
安装插件插件需要在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看板娘
官方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主题样式进行了简化，并按照新拟态设计风格，对其整体样式进行了大幅修改，适配了夜间模式
