【源码】基于Hexo框架的Fomalhaut主题博客系统

项目简介

本项目是基于Hexo框架和Butterfly主题进行二次开发的网站源码包，主题名为hexo-theme-Fomalhaut。适合用于搭建个人博客或技术分享平台，采用前端Hexo与后端Butterfly分离开发模式，界面简洁美观，可通过配置参数实现功能和样式的自定义调整。

项目的主要特性和功能

主要特性

• 高可定制化，能灵活调整样式和布局。
• 支持移动端适配，便于不同设备访问。

主要功能

• 支持Markdown格式内容编辑与排版。
• 具备文章评论功能。
• 支持文章置顶、标签分类等操作。
• 提供搜索功能。
• 支持文章分享至各大社交媒体平台。
• 有网站数据统计功能。

安装使用步骤

安装前提

安装前需熟悉Hexo框架命令和Butterfly主题，建议提前熟悉Hexo中文文档和Butterfly主题文档。

具体步骤

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

个性化配置

• js主体：在source/js/fomal.js，有基本分块逻辑标注。
• css主体：在themes\butterfly\source\css\_custom\custom.css，与Butterfly自带样式联合编译为index.css。
• 背景切换：在fomal.js第3190行附近，美化模块代码逻辑在第2894 - 3596行。
• 页脚部分：见themes\butterfly\layout\includes\footer.pug。
• 封面图：在主题配置文件_config.butterfly.yml的default_cover配置项，可配置多项随机显示。
• 加载头像：在themes\butterfly\source\css\_custom\custom.css约1300行附近。
• 页脚时间：由fomal.js控制，搜索相关代码修改网站诞生时间。
• 控制台字符画：在fomal.js中找到相应代码，可到Text to ASCII Art Generator (TAAG)生成并替换。
• 文章打赏彩蛋：见主题配置文件_config.butterfly.yml。
• 哔哔页面样式：见source\personal\bb\index.md。
• 哔哔API：见source\js\bibi.js，部署教程参考哔哔部署。
• 网站图标：根目录的favicon.ico，替换为自己的图标。
• 个人信息卡片和菜单栏图标：参考博客魔改教程总结(二)中的第4 - 7项。

其余配置项基本与Butterfly兼容，参考Butterfly官方文档即可。

下载地址

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