# Hexo-butterfly-demo

**Repository Path**: liamsix/Hexo-butterfly-demo

## Basic Information

- **Project Name**: Hexo-butterfly-demo
- **Description**: https://guguge.top 的源码
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2022-04-24
- **Last Updated**: 2022-04-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Hexo+butterfly主题的demo

> 这是静态blog网站生成器：[Hexo](https://hexo.io) + [butterfly](https://github.com/jerryc127/hexo-theme-butterfly) 主题制作而成的demo。
在原版的基础上还增加了[Live2D看板娘](https://github.com/EYHN/hexo-helper-live2d)功能。<br/>


**预览地址：** [htttps://guguge.top](htttps://guguge.top)

------

### 本demo已启用功能：
- 文章搜索功能
- Live2D看板娘，整合多种模型可供选择
- 主页标题动态字幕显示
- 动态彩带背景
- 鼠标点击出现爱心效果
- Aplayer音乐播放器
- 默认启用了Pjax 功能（点击新页面音乐播放不会中断）
- 归档页、分类页、标签页、友链页、图库页，关于页
- 404页面
- 文章打赏按钮
- 分享按钮减少为：微信、微博、QQ
- 右下角阅读模式和深色模式切换按钮

--------


## 快速开始

首先你必须要安装`nodejs`、`hexo-cli`、`git`环境才能使用。

可以把此仓库文件`clone`到本地。

初次使用需要执行`npm install`命令安装一下必备模块。

如果是widows系统，可以直接打开`运行脚本.bat`，可自动执行命令。本脚本支持一键安装、部署、测试、清理缓存 功能。

`创建文章或页面.bat`脚本则可以一键创建，文章页和独立页面。

------

## 如何部署网站

1. 在`_config.yml`文件中找到把`url:`字段后面的网址换成你的url，再找到`deploy:`字段，子项`repo:`后面的git地址改成你的GitHub仓库的地址，修改后保存文件，
2. 执行：`hexo d`，网站就会部署上去。
或者打开 `运行脚本.bat` 文件，选择上传网站，效果相同。

-----

## 如何修改配置：

一般配置和Live2D看板娘配置位于：`_config.yml`

主题功能配置文件为：`_config.butterfly.yml`

如需开启更多功能可查阅：[butterfly主题官方配置指南](https://butterfly.js.org/posts/4aa8abbe/)

或者：

关注我的blog: [guguge.top](https://guguge.top) 

主站使用的是GitHub打不开可以访问gitee的镜像站点: [guguge.gitee.io](https://guguge.gitee.io)


### 已开通频道：

- 抖音号：guguge.top
- 快手号：guguge_top
- 今日头条 & 西瓜视频：GuGuGe
- BiliBili：https://space.bilibili.com/2526845
- AcFun: https://www.acfun.cn/u/33202018
- YouTube: https://www.youtube.com/channel/UCmTnzS1GM2RQdgobQgZ0Tug

---

```
.datacont img{
    width: 100%;
}
```