惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Microsoft Azure Blog
Microsoft Azure Blog
WordPress大学
WordPress大学
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
The Cloudflare Blog
U
Unit 42
D
Docker
Hugging Face - Blog
Hugging Face - Blog
博客园 - 聂微东
Recent Announcements
Recent Announcements
GbyAI
GbyAI
T
The Blog of Author Tim Ferriss
Last Week in AI
Last Week in AI
V
Visual Studio Blog
I
InfoQ
Google DeepMind News
Google DeepMind News
小众软件
小众软件
L
LangChain Blog
C
Check Point Blog
宝玉的分享
宝玉的分享
Martin Fowler
Martin Fowler
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 【当耐特】
J
Java Code Geeks
罗磊的独立博客

Stalux博客主题

LLM Prompt Configuration - Adding Implicit Prompts for AI Crawlers | Stalux Blog Theme 乱数假文 | Stalux博客主题 图片灯箱测试 | Stalux博客主题 markdown渲染示例 | Stalux博客主题 Markdown文件配置参考 | Stalux博客主题 页脚配置详解 | Stalux博客主题 Waline 评论系统配置 | Stalux博客主题 打字配置与社交媒体链接 | Stalux博客主题 代码显示配置 | Stalux博客主题 站点基本信息 | Stalux博客主题 Stalux 主题配置总览 | Stalux博客主题
自定义head与header导航 | Stalux博客主题
作者:xingwangzhe · 2025-05-10 · via Stalux博客主题

🕒 阅读时间:1 分钟 📝 字数:337 👀 阅读量: Loading...

head 自定义与分析工具

使用 config.yml 的 head 字段配置网站分析工具(Google Analytics、Bing Clarity、Umami)和自定义头部内容:

head:

# Google Analytics 4 跟踪 ID (格式: G-XXXXXXXXXX)

googleAnalyticsId: "G-XXXXXXXXXX"

# Microsoft Bing Clarity 项目 ID

bingClarityId: "your-clarity-id"

# Umami 分析配置

umami:

id: "your-umami-website-id" # 网站 ID

url: "https://umami.example.com/umami.js" # Umami 脚本 URL

# 额外自定义头部内容(HTML字符串)

anyhead: |

<!-- 自定义样式 -->

<style>:root { --theme-color: #42b883; }</style>

<!-- 其他自定义脚本 -->

分析工具说明

  • Google Analytics: 只需填写 googleAnalyticsId,主题会自动加载 GA4 脚本
  • Bing Clarity: 填写 bingClarityId,主题会自动加载 Microsoft Clarity 跟踪代码
  • Umami: 需要同时填写 id(网站ID)和 url(脚本地址)

所有分析脚本都使用 partytown 在 Web Worker 中运行,不会影响页面性能。

旧版配置迁移

之前使用 anyhead 直接插入脚本的用户,建议迁移到新的结构化配置:

  • 删除 anyhead 中的分析脚本
  • 将对应的跟踪 ID 填入相应的配置字段
  • 保留其他自定义内容在 anyhead

导航配置来自 config.yml 的 navs 数组:

navs:

- title: 首页

icon: home

link: /

- title: 文章

icon: archive

link: /archives

- title: 分类

icon: folder

link: /categories

- title: 标签

icon: tag

link: /tags

- title: 友链

icon: link

link: /links

- title: 关于

icon: user

link: /about

- title: 开往

icon: airplay

link: https://www.travellings.cn/go

说明:

  • link 支持站内路径或完整外链;icon 使用 Lucide Icons 标准名称(如 hometrain-front)。
  • 需要新增导航项时,按相同结构追加;搜索入口已内置,无需手动配置。

常见操作

  • 添加分析工具:在 head 下配置对应的跟踪 ID,无需手动编写脚本。
  • 添加自定义头部内容:使用 head.anyhead 插入额外的 HTML 片段。
  • 新增导航:在 navs 末尾追加项,外链需包含协议(https://)。
  • 更换 favicon:修改 config.yml 中的 favicon 路径(支持绝对或站点内路径)。