【源码】基于Hexo框架的个人博客美化系统

项目简介

本项目名为hexo-theme-Fomalhaut，是基于Butterfly 4.3.1主题进行二次开发的成果。依托Hexo框架，结合Butterfly主题优势，为个人博客网站赋予丰富的个性化功能与美化效果，使用户能轻松搭建独具特色的博客网站。

项目的主要特性和功能

1. 多模式背景切换：支持白天与夜间模式，可针对PC端和手机端分别设置不同壁纸，用户还能自定义背景。
2. 页面美化：fomal.js提供美化模块，可自定义按钮、滑块等各类DOM元素。
3. 个性化页脚：包含页脚计时器、徽标、文字等元素，能设置网站诞生时间。
4. 随机封面图：可在主题配置文件中配置多项封面图，实现随机显示。
5. 文章打赏彩蛋：在主题配置文件中开启打赏功能，可设置打赏音频和二维码。
6. 特色哔哔页面：拥有独特样式设计，具备相应的API接口。
7. 控制台字符画：可在控制台输出自定义的字符画。

安装使用步骤

安装步骤

1. 下载源码并解压到指定文件夹。
2. 打开git bash，切换到博客根目录，执行npm i安装模块，切勿使用hexo init，否则站点配置文件_config.yml内容会被重置。
3. 执行hexo cl; hexo g; hexo s清空并启动项目，启动成功后在浏览器地址栏输入localhost:4000验证。

自定义配置

1. JS逻辑：js主体在source/js/fomal.js，有基本分块逻辑标注。
2. CSS样式：css主体在themes\butterfly\source\css\_custom\custom.css，与Butterfly自带样式联合编译。
3. 背景切换：背景切换逻辑在fomal.js第3190行附近，美化模块代码在第2894 - 3596行。
4. 页脚设置：页脚部分在themes\butterfly\layout\includes\footer.pug。
5. 封面图配置：在主题配置文件_config.butterfly.yml的default_cover配置项设置。
6. 加载头像替换：在custom.css约1300行附近搜索替换。
7. 页脚时间修改：在fomal.js中搜索相关代码，将网站诞生时间修改为自己的。
8. 控制台字符画替换：在fomal.js中找到对应代码，可到Text to ASCII Art Generator (TAAG)生成字符画进行替换。
9. 网站图标更换：将根目录的favicon.ico替换为自己的图标。
10. 个人信息与菜单图标：参考博客魔改教程总结(二)中的第4 - 7项进行修改。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】