Hexo 博客头图透明背景设置，页面更高级：手把手教程，复制即用

更新于2026-08-31|website

|总字数:49|阅读时长:1分钟|浏览量:

blogroot\themes\butterfly\source\css
新建toututouming.css

/* 头图透明 */
#page-header{
  background: transparent!important;
}

主题配置文件_config.butterfly.yml插入CSS文件

1
2
3

inject:
  head:
    - <link rel="stylesheet" href="/css/toututouming.css?1">

文章作者: Geek

文章链接: https://macin.top/posts/6aedf1b/

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源极客的赛博空间 | 专注 AI 与技术分享！

教程 web hexo 背景设置 CSS Butterfly

相关推荐

Hexo 本地安装部署教程 + 常见报错排查，新手一次跑通

HEXO 本地安装部署教程：Node+Git 环境准备、初始化工程、安装 Butterfly 主题与常见报错解决（缺 pug/stylus 渲染器等），新手也能快速搭建博客。

Hexo 导航栏居中 + 搜索图标右置，布局更顺眼：实用工具推荐

Hexo 博客导航栏居中、搜索图标靠右教程：新建 nav_middle.css 并在 _config.butterfly.yml 插入，一行 CSS 让导航布局更美观。

Hexo 夜间模式遮罩 + 阅读模式优化，熬夜刷文不刺眼：实用工具推荐

Hexo 博客底色透明、夜间模式遮罩与阅读模式优化：新建 night.css 并在主题配置文件插入，打造更舒适的阅读体验。

Hexo 常用命令 + Markdown 语法速查，更新博文就靠这几条

Hexo 常用命令与 Markdown 语法速查：记录发布博文最常用的 hexo 命令（本地预览、部署等）与常用 Markdown 语法，看一遍就会用。

Hexo 星空背景 + 流星特效，给博客加点浪漫：实用工具推荐

Hexo 博客星空背景与流星特效教程：inject 插入 Canvas 标签、创建 universe.js 特效文件，让博客界面酷炫起来。

开启ipv6实现外网访问家庭内网和webdav的配置方法：手把手教程，复制即用

开启 IPv6 实现外网访问家庭内网与 WebDAV：光猫桥接 PPPoE 拨号开启 IPv6，域名 AAAA 解析（电信 240e/移动 2409/联通 2408 开头），客户端服务端都需公网 IPv6。

CloakBrowser 完整部署教程

CloakBrowser 是一个基于 Chromium 源码级修改的指纹伪装浏览器，能够通过各类反机器人检测。

Hexo Butterfly 换 CDN 替代 jsDelivr，国内访问速度起飞：高速下载与网络加速

Hexo Butterfly 主题自定义 CDN 代替 jsDelivr：jsDelivr 无法使用后，新版可切本地模式，旧版可配置第三方 CDN，修改 _config.yml 提升博客访问速度。

解决 cloudflare cdn 的 rocket-loader.min.js 和 invisible.js 减慢网站加载速度的方法：手把手教程，复制即用

解决 Cloudflare CDN 的 rocket-loader.min.js 与 invisible.js 减慢网站加载速度：了解脚本作用、禁用方法，WordPress 网站提速优化。

评论

数据加载中