littlebot
Published on 2025-04-11 / 0 Visits
0

【源码】基于Hexo和Butterfly的Fomalhaut博客主题

项目简介

本项目是基于Hexo框架和Butterfly主题进行二次开发的博客主题,名为Fomalhaut。该主题经过深度定制与优化,有丰富的个性化配置选项和美观的界面设计,适合有一定Hexo和Butterfly使用经验的用户搭建博客并进行个性化定制。

项目的主要特性和功能

  • 基于Butterfly主题二次开发:在Butterfly 4.3.1基础上大量优化美化,提供更多自定义选项。
  • 多端适配:支持PC端与移动端自适应布局,不同设备浏览体验良好。
  • 个性化背景:支持白天和夜间模式设置不同背景图片,可自行定制。
  • 美化模块:有丰富的DOM元素美化功能,支持自定义按钮、滑块、开关等组件。
  • 页脚计时器:显示网站运行时间,支持自定义网站诞生时间。
  • 控制台字符画:浏览器控制台显示自定义字符画,增强用户体验。
  • 文章打赏功能:支持微信和支付宝打赏,可配置添加打赏二维码。
  • 哔哔页面:提供动态哔哔页面,可通过API配置显示内容。

安装使用步骤

假设用户已下载本项目的源码文件: 1. 安装模块:在项目根目录下运行以下命令安装依赖模块: bash npm i 2. 启动项目:运行以下命令清空并启动项目: bash hexo cl; hexo g; hexo s 3. 验证项目:在浏览器地址栏输入localhost:4000,查看项目是否成功启动。若要部署项目,运行: bash hexo d

配置说明

  • 站点配置文件:_config.yml,用于配置站点基本信息、部署设置等。
  • 主题配置文件:_config.butterfly.yml,用于配置主题样式、封面图、打赏功能等。
  • 自定义样式:themes/butterfly/source/css/_custom/custom.css,用于自定义CSS样式。
  • 自定义脚本:source/js/fomal.js,用于自定义JavaScript逻辑,如背景切换、美化模块等。

注意事项

  • 本项目不适合纯小白用户,建议安装前熟悉Hexo框架和Butterfly主题基本使用。
  • 安装过程中,请勿使用hexo init命令,以免重置站点配置文件。

下载地址

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