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

推荐订阅源

P
Proofpoint News Feed
Blog — PlanetScale
Blog — PlanetScale
GbyAI
GbyAI
C
Check Point Blog
腾讯CDC
Stack Overflow Blog
Stack Overflow Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
The GitHub Blog
The GitHub Blog
A
About on SuperTechFans
Recent Announcements
Recent Announcements
L
LangChain Blog
Microsoft Azure Blog
Microsoft Azure Blog
小众软件
小众软件
J
Java Code Geeks
博客园_首页
Jina AI
Jina AI
美团技术团队
H
Help Net Security
MyScale Blog
MyScale Blog
Engineering at Meta
Engineering at Meta
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
人人都是产品经理
人人都是产品经理
Y
Y Combinator Blog
S
SegmentFault 最新的问题

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 路径(支持绝对或站点内路径)。