hexo_butterfly搭建博客
简单回顾一下blog制作流程（电脑版本为windows11）
配置blog基本框架
参考教程CSDN https://blog.csdn.net/sinat_37781304/article/details/82729029
静态框架 hexo
作用:
方便生成静态网页托管在github与coding上
搭建步骤:
1.安装git(分布式控制管理系统)，多用于处理项目版本管理，git bash 用处相当于cmd
2.安装nodejs(hexo基于nodeJS编写)，包括nodeJS，npm工具
3.安装hexo，注意：创建好的blog folder在hexo init myblog时，新建的myblog的指向blog folder的路径已经确定，所以一般不要随意改动blog的路径和文件夹名。
完成以上操作在本地就搭建好基本的blog框架。
1 | 几点提醒： |
github部署
1.创建账号，拥有个人仓库
2.SSH，上传公共密钥到github，当公共密钥与私人密钥匹配时，即可通过git上传文件到github
3.将hexo部署到github，即：将config.yml里的deploy里的repo指向你的github账户仓库。
1 | hexo clean（清除你之前生成的东西，也可以不加） |
hexo的基本配置
重点提一下更换主题(原教程个人感觉和我遇到的情况存在差异，这里仅供参考)：（我用的是butterfly）dumb fox
1.在这里下载喜欢的主题（找到它的github链接点击code下载zip即可）
2.解压后放在myblog的theme文件夹下
3.打开解压后的文件夹找到里面的_config.yml文件复制一份并改名为_config.文件夹名.yml放到与theme同级文件夹（即与外面的_config.yml放在一起）
4.在git bash 中安装pug依赖和渲染插件依赖
cd myblog(！！！安装在myblog文件夹里)（后面的npm也基本都是 就不一一提及了）
npm install hexo-renderer-pug hexo-renderer-stylus –save
到这里基本就完成了blog的基本配置了
1 | 这里简单说一下自己的理解(不对请指出):这样做的目的是在运行时覆盖之前的_config.yml，即执行的theme改为了butterfly（或其他主题文件）了 |
网页美化
参考教程：https://blog.csdn.net/Lott0419/article/details/106688492
我的友链还提供了一些资源 需要的自取
操作文件_config.butterfly.yml（之前用来覆盖的文件）
JS CSS修改我基本没动，有需求的按照教程自行修改即可，不需要的直接跳到目录的添加搜索，开始基本美化
menu
我的大改，直接复制粘贴教程上的,local_search修改时记得安装插件
背景修改
横幅背景default_top_img: 图片url
blog背景background: url(图片url)
页脚背景//background: $light-blue
页脚自定义
#footer-wrap 自定义内容footer_custom_text
1 | image url获取途径（我一般用这个网站获取）：[SM.MS](https://sm.ms/) |
创建导航栏页面（git bash中操作）
关于
分类
友情链接
留言板
标签
留言板
hexo new page以后再在source文件夹里修改即可
樱花特效
添加樱花特效我的电脑不可用，报告缺少版权，不过我也不太需要，先挖个坑~~~~
其余设置
之后的颜色 移动端 表情等等修改我基本没动 需要的自行按照文档即可
音乐播放器设置
（参考文档guguniao）
找到inject 将aplayerinject的enable改为true
其余操作参考文档即可
个人头像设置
（avater 修改img的url即可）
友情链接
友情链接设置均在sourse/_data/link.yml里面（avater（url）是修改头像）
打字特效
（参考教程：[moyu]https://www.cnblogs.com/MoYu-zc/p/14395965.html）
在参考教程标题样式版块 按照教程基本没问题
文章相关（新建 写）
(参考教程：guguniao)
新建文章，直接在sourse/_post里新建md文件即可
front-matter(文章基本配置，复制粘贴即可)
写文章，在front-matter以外的区域编写内容即可，详细格式参考markdown
