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

更新于2026-09-28|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 许可协议。转载请注明来源极客的赛博空间 | 已被墙，开代理访问！

教程 Web hexo 背景设置 CSS Butterfly

相关推荐

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

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

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

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

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

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

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

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

Hexo 夜间模式遮罩 + 阅读模式优化：熬夜刷文不刺眼

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

Docker 部署 WordPress，五分钟搭好个人站：部署实战，一次成功

Docker 搭建 WordPress 教程：Ubuntu/Debian/CentOS 安装 Docker 与 Compose，可选 Nginx Proxy Manager 反向代理与宝塔面板，快速搭建个人博客。

新手买域名保姆级教程（付费/免费域名锐评一次讲清）

本文价格以 2026 年 8 月官网公开页面为准，默认比较普通非 Premium 域名。促销、税费、地区和账号状态可能影响最终价格，结账页才是最终标准。

拒绝被风控：手把手教你打造属于自己的干净浏览器 Firefox

想象这样一个常见场景：作为一名“云居民”，你为了申请一张海外银行卡（比如美国的信用卡），特意花高价购买了号称“绝对纯净”的美国静态家宽IP。

Typecho 加个打赏功能，读者一键支持你

Typecho 打赏功能添加教程：在 post.php 适当位置添加代码与 CSS 样式，为博客文章添加赞赏打赏入口，支持读者表达支持。

评论

数据加载中