博客页脚自定义

1. 打开_config.butterfly.yml文件，更改footer_bg设置。

2. 在/source/css/custom.css文件中插入。
随后，博客页脚与博客主体融为一体，页脚字体清晰，没有之前那种颜色差带来的割裂感。

3. 页脚底部设置网站运行时间。
打开_config.butterfly.yml文件，更改custom_text设置。
打开/source/js/custom.js，插入代码。

gitcalender（彻底废了，已经弃用）

1. 自定义api。
在github上forkZfour/python_github_calendar_api，根据教程自建api。
注：github页面已改版，需要修改一下，原作者暂未修改。

2. 安装插件。

3. 在_config.yml中添加配置文件。
gitcalendar默认挂在首页，如果不想挂在首页除需更改enable_page:项为相应页面外，还需在相应页面写入一个div块。
注：此处id名一定要跟layout.name一致。

页面样式调节

1. 在/source/css/custom.css中插入。

2. 备注。
• trans-light:日间模式背景色 -trans-dark: 夜间模式背景色 -border-style: 边框样式 -backdrop-filter:b背景过滤器
懒得改了，就这个样式了。

导航栏美化

1. 分离搜索栏与菜单栏。
打开/themes/butterfly/layout/includes/header/nav.pug
原代码为：
改为：

2. 导航栏居中。
在/sourcr/cs/custom.css中添加：

3. 去掉导航栏项目底下的蓝色长条。
在自定义css文件中添加：

4. 子菜单栏横向布局。
同上文件中，添加：

5. 网站标题的增强版。
即鼠标悬浮在左上角的网站名时，显示主页图标。
同上文件夹，添加：
注：此处有个bug，原文 font-family:为 "Font Awesome 6 Free";，但这样主页图标乱码，我改成 FontAwesome;就好了，真神奇。

6. 显示标题。
同样打开/themes/butterfly/layout/includes/header/nav.pug文件，在!=partial('includes/header/menu_item', {}, {cache: true})下添加代码。
打开自定义js文件，添加代码:
打开自定义文件夹，添加代码：

通过GitHub Actions自动化部署hexo博客（已弃用）

猛然发现，使用Github Actions后，更新日期全部刷新。因此，我又重新看了一下下述代码，发现每次git push提交后，工作流都会在public文件夹下重新生成一次仓库，再覆盖jianerssr.github.io原有仓库，除非每篇文章自定义updated，不然博客仓库相当于一直都是新仓库，没想到解决办法，遂弃用。 而hexo为什么可以保持更新记录呢？我理解是因为输入hexo g指令后，生成publi文件夹，与此同时，public文件夹下的内容复制到.deploy_git文件夹下。该文件夹有个.git文件夹，可以推断，这个仓库是jianerssr.github.io的本地仓库，hexo代替我们执行了git指令。

1. 获取Token。
记得勾选repo以及workflows项，Token有效期设为永久。

2. github上创建私有仓库。
防止Token泄露。

3. 配置Github Action
打开.github文件夹，新建workflows文件夹，并在该文件夹下新建autodeploy.yml。

最后一行的master:main 指从工作流使用git创建的仓库master分支(该分支是默认的，不是电脑本地的仓库，是工作流系统中再次创立的仓库)提交到jianerssr.github.io的main分支。

4. 在私有源代码仓库添加环境变量。
Setting->Secrets->actions
根据autodeploy.yml配置文件添加。

5. 提交代码。
删除/themes/butterfly/.git文件夹。
执行下述指令：
打开.gitignore文件添加屏蔽项，减少文件提交量，加快速度。
最后：

关于界面

虽然安知鱼有其关于界面的设置教程，但我需要的部分也只是其中一点点，因此直接F12从安知鱼关于界面扒了源码，理解相对方便一些。

1. 新建关于页面。

2. 编辑html。
打开/source/about/index.md，直接在md文档里编辑html。

3. 编辑css。
打开自定义css文件，插入：

4. 自定义js。
打开自定义js文件，插入：

Hexo-Admin

1. 安装

2. 启动
hexo s后，浏览器访问localhost:4000/admin即可进入后台管理系统。

3. 设置密码
点击settings->Setup authentification here，设置usename、passwd、secret。
将上述信息添加到_config.yml文件。