第一篇文章
这是我的第一篇文章
用于测试
下划线演示
文字加粗演示
文字斜体演示
文本高亮演示
文本删除线演示
| 这里的背景色是：MistyRosen，此处输入任意想输入的内容 |
引用演示
Java
二级引用演示
MySQL外键
事务
行级锁(引用内部一样可以用格式)
….
分割线演示
无序列表演示
- Java
- Python
- …
- Java
- Python
- …
- Java
- Python
- …
有序列表（注意后面有空格）
表格演示
| 项目标号 | 资金 | 备注 |
|---|---|---|
| 1 | 100，000 | 无 |
| 2 | 200，000 | 无 |
| 3 | 300,600 | 重要 |
Butterfly主题外挂标签
行内文本样式
- 带 下划线 的文本
- 带
着重号 的文本 - 带
波浪线 的文本 - 带
删除线的文本 - 键盘样式的文本 command + D
- 密码样式的文本：
这里没有验证码
行内文本
- 彩色文字
在一段话中方便插入各种颜色的标签，包括：红色、黄色、绿色、青色、蓝色、灰色。 - 超大号文字
文档「开始」页面中的标题部分就是超大号文字。Volantis A Wonderful Theme for Hexo
段落文本
- 彩色文字
在一段话中方便插入各种颜色的标签，包括：红色
、黄色
、绿色
、青色
、蓝色
、灰色
。 - 超大号文字 文档「开始」页面中的标题部分就是超大号文字。Volantis
A Wonderful Theme for Hexo
## 引用note默认 提示块标签
default 提示块标签
primary 提示块标签
success 提示块标签
info 提示块标签
warning 提示块标签
danger 提示块标签
默认 提示块标签
default 提示块标签
primary 提示块标签
success 提示块标签
info 提示块标签
warning 提示块标签
danger 提示块标签
默认 提示块标签
default 提示块标签
primary 提示块标签
success 提示块标签
info 提示块标签
warning 提示块标签
danger 提示块标签
默认 提示块标签
default 提示块标签
primary 提示块标签
success 提示块标签
info 提示块标签
warning 提示块标签
danger 提示块标签
你是刷 Visa 还是 UnionPay
2021年快到了….
小心开车 安全至上
这是三片呢？还是四片？
你是刷 Visa 还是 UnionPay
剪刀石头布
前端最讨厌的浏览器
你是刷 Visa 还是 UnionPay
2021年快到了….
小心开车 安全至上
这是三片呢？还是四片？
你是刷 Visa 还是 UnionPay
剪刀石头布
前端最讨厌的浏览器
你是刷 Visa 还是 UnionPay
2021年快到了….
小心开车 安全至上
这是三片呢？还是四片？
你是刷 Visa 还是 UnionPay
剪刀石头布
前端最讨厌的浏览器
你是刷 Visa 还是 UnionPay
2021年快到了….
小心开车 安全至上
这是三片呢？还是四片？
你是刷 Visa 还是 UnionPay
剪刀石头布
## 上标标签tip前端最讨厌的浏览器
default
info
success
error
warning
bolt
ban
home
sync
cogs
key
bell
## 动态标签 1. On DOM load(当页面加载时显示动画)自定义font awesome图标
warning
2. 调整动画速度ban
warning
3. On hover (当鼠标悬停时显示动画)ban
warning
4. On parent hover (当鼠标悬停在父级元素时显示动画)ban
warning
## 复选列表ban
纯文本测试
支持简单的 markdown 语法
支持自定义颜色
绿色 + 默认选中
黄色 + 默认选中
青色 + 默认选中
蓝色 + 默认选中
增加
减少
## 单选列表叉
纯文本测试
支持简单的 markdown 语法
支持自定义颜色
绿色
黄色
青色
## 时间轴 timeline蓝色
## 链接卡片 link ## 按钮btns 1. 如果需要显示类似「团队成员」之类的一组含有头像的链接 2. 或者含有图标的按钮 3. 圆形图标 + 标题 + 描述 + 图片 + 网格5列 + 居中 ## github卡片 1. 用户信息卡片 |时间线标题（可选）[
时间节点（标题）
正文内容
时间节点（标题）
正文内容
|
| | -- | -- | |
|
| |
|
| |
|
| 2. 仓库信息卡片 |
|
| | -- | -- | |
|
| |
|
| |
|
| ## GitHub徽标 1. 基本参数,定义徽标左右文字和图标 2. 信息参数，定义徽标右侧内容背景色，指向链接 //如果是跨顺序省略可选参数，仍然需要写个逗号,用作分割 3. 拓展参数，支持shields的API的全部参数内容 //如果是跨顺序省略可选参数组，仍然需要写双竖线||用作分割 ## 网站卡片
## 行内图片
xaoxuu简约风格
inkss这是一段关于这个网站的描述文字
MHuiG这是一段关于这个网站的描述文字
Colsrch这是一段关于这个网站的描述文字
Linhk1606这是一段关于这个网站的描述文字## 音频 ## 视频 1. 100%宽度 2. 50%宽度xaoxuu简约风格inkss这是一段关于这个网站的描述文字MHuiG这是一段关于这个网站的描述文字Colsrch这是一段关于这个网站的描述文字Linhk1606这是一段关于这个网站的描述文字3. 25%宽度## 相册 1. gallerygroup 相册图库 2. gallery 相册## 折叠框[]查看图片测试
查看默认打开的折叠框
这是一个默认打开的折叠框。
查看代码测试
假装这里有代码块（代码块没法嵌套代码块）
查看列表测试
- haha
- hehe
## 分栏tab 1. Demo 1 - 预设选择第一个【默认】查看嵌套测试
查看嵌套测试2
查看嵌套测试3
hahaha
2. Demo 2 - 预设选择tabsThis is Tab 1.
This is Tab 2.
This is Tab 3.
3. Demo 3 - 没有预设值This is Tab 1.
This is Tab 2.
This is Tab 3.
4. Demo 4 - 自定义Tab名 + 只有icon + icon和Tab名This is Tab 1.
This is Tab 2.
This is Tab 3.
## 诗词标签tab名字为第一个Tab
只有图标 没有Tab名字
名字+icon
水调歌头丙辰中秋，欢饮达旦，大醉，作此篇，兼怀子由。
明月几时有？把酒问青天。
不知天上宫阙，今夕是何年？
我欲乘风归去，又恐琼楼玉宇，高处不胜寒。
起舞弄清影，何似在人间？转朱阁，低绮户，照无眠。
不应有恨，何事长向别时圆？
人有悲欢离合，月有阴晴圆缺，此事古难全。
但愿人长久，千里共婵娟。
xaoxuu
阿里图标
特效标签
flip动画效果。
zoomIn动画效果，持续5s，延时5s，离底部100距离时启动，重复10次zoomIn动画效果，持续5s，延时5s，离底部100距离时启动，重复10次
zoomIn动画效果，持续5s，延时5s，离底部100距离时启动，重复10次slideInRight动画效果，持续5s，延时5s
heartBeat动画效果，延时5s，重复10次。此处注意不用的参数位置要留空，用逗号间隔。
heartBeat动画效果，延时5s，重复10次。
进度条
注释
把鼠标移动到我上面试试气泡注释
最近我学到了不少新玩意儿（虽然对很多大佬来说这些已经是旧技术了），比如CSS的兄弟相邻选择器例如 h1 + p {margin-top:50px;}，flex布局Flex 是 Flexible Box 的缩写，意为弹性布局"，用来为盒状模型提供最大的灵活性"，transform变换transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。，animation的贝塞尔速度曲线贝塞尔曲线(Bézier curve)，又称贝兹曲线或贝济埃曲线，是应用于二维图形应用程序的数学曲线。一般的矢量图形软件通过它来精确画出曲线，贝兹曲线由线段与节点组成，节点是可拖动的支点，线段像可伸缩的皮筋写法，还有今天刚看到的clip-pathclip-path属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。属性。这些对我来说很新颖的概念狠狠的冲击着我以前积累起来的设计思路。
引用文献
Akilarの糖果屋(akilar.top)是一个私人性质的博客[1]Akilarの糖果屋群聊简介参考资料，从各类教程至生活点滴，无话不谈。建群的目的是提供一个闲聊的场所。博客采用Hexo框架[2]Hexo中文文档参考资料，Butterfly主题[3]Butterfly 安装文档(一) 快速开始参考资料
本项目参考了Volantis[4]hexo-theme-volantis 标签插件参考资料的标签样式。引入[tag].js，并针对butterfly主题修改了相应的[tag].styl。在此鸣谢Volantis主题众开发者。
主要参考内容包括各个volantis的内置标签插件文档[5]Volantis文档:内置标签插件参考资料
Butterfly主题的各个衍生魔改[6]Butterfly 安装文档:标签外挂（Tag Plugins参考资料[7]小弋の生活馆全样式预览参考资料[8]l-lin-font-awesome-animation参考资料[9]小康的butterfly主题使用文档参考资料
微信
