You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@skywalking.apache.org by wu...@apache.org on 2026/07/31 00:22:57 UTC
(skywalking-website) 02/05: Homepage: surface the AI story, restructure the Chinese and docs nav
This is an automated email from the ASF dual-hosted git repository.
wu-sheng pushed a commit to branch seo-foundations
in repository https://gitbox.apache.org/repos/asf/skywalking-website.git
commit 180eed8edccf33b6fcd8b18e508d7ee2863c6bba
Author: Wu Sheng <wu...@foxmail.com>
AuthorDate: Fri Jul 31 00:45:53 2026 +0800
Homepage: surface the AI story, restructure the Chinese and docs nav
The site shipped GenAI/LLM monitoring in 10.4 and the Horizon UI AI Assistant,
but neither appeared on the home page, and the Chinese blog was reachable only
from a dropdown it shared with two third-party accounts.
Positioning
- Hero: "the observability platform for cloud-native and AI". The lead drops the
four-verb opener ("collects, analyzes, aggregates and visualizes") for what the
platform actually does now, including the GenAI models services call.
- New GenAI capability card: latency, traffic, success rate, input/output tokens
and estimated cost per provider and model, from SkyWalking, OTLP or Zipkin
traces (docs/en/setup/service-agent/virtual-genai.md, shipped in v10.4.0).
- The capability grid becomes 3x2: five pillars plus a "See all capabilities"
tile, so the fifth card is not stranded on a row of its own and the spare slot
earns an internal link to /docs/.
- "plain language" -> "natural language" throughout. Peer products (Dynatrace,
Grafana, New Relic, OpenObserve, Arize) all use the latter; "plain language"
names a different thing (the plain-language writing movement) and is not what
anyone searches for. Also fixes "Ask your observability", which had no object.
- Deliberately not branded "AI-native": SkyWalking is a mature APM that gained AI
capabilities, and none of the comparable products make that claim either.
- "A modern APM" -> "An observability platform", so the page stops describing
itself as two different categories.
- The agents card listed ten languages under a "14 language agents" link. It now
lists eleven (Ruby was missing) and says eleven, which is what data/docs.yml
supports.
Navigation
- The 中文资料 dropdown mixed one on-site destination with links to B站 and 掘金.
Since those platforms outrank skywalking.apache.org on Baidu by construction
(ICP-filed and China-hosted, which this domain is not), pointing at them from
every page worked against the site's own Chinese content. 中文博客 is now a
direct link to /zh/, and the two accounts moved to the footer next to Twitter
and Slack. Applied to both the navbar and the mobile sidebar, which carried a
second copy of the same dropdown.
- The docs section was called four different things: "Projects and Docs" in the
navbar, "Projects and Documentation" in the sidebar, "Documentation" in the
<title>, and "Projects & documentation" in the H1. Both nav labels are now
"Documentation", matching the title that search engines index.
- /zh/ gains a definitional block above the article list. The site had no Chinese
page saying what SkyWalking is, so Chinese search and Chinese AI assistants had
nothing on this domain to quote. The article list is unchanged.
Fixes
- The Slack card and footer icon both pointed at http://s.apache.org/slack-invite,
which redirects to infra.apache.org/slack.html and only offers self-signup to
@apache.org addresses. Both now use the same mailto: to the dev list, which is
the only route that actually produces an invite.
- The "AI-assisted analysis" card linked to /blog/ rather than /tags/ai/, and
undersold the feature; retitled to troubleshooting and pointed at the tag page
the blog's own topic filter uses.
- .cap-tag declared display:inline-block inside a column flexbox, so every pill
stretched to the full card width. Pre-existing; more visible now that the cards
are wider.
- footer.html rendered an empty <i> for links with no iconfont glyph, so B站 and
掘金 fall back to their name as text.
Verified on a full build: 4551/4552 pages carry a canonical, 113/113 zh pages and
30 zh_tags pages report zh-CN, 106 pages carry reciprocal hreflang, JSON-LD parses
across the sample, and every internal link on the home page resolves except the
two docs paths that exist only in versions this working copy has not fetched
(verified present in skywalking v10.4.0 and horizon-ui origin/main).
---
assets/scss/_custom_home.scss | 60 +++++++++++++++++++++-
config.toml | 22 ++++++--
content/_index.html | 51 ++++++++++++------
layouts/partials/navbar.html | 14 +++--
layouts/zh/list.html | 16 ++++++
themes/docsy/layouts/partials/footer.html | 13 +++--
.../docsy/layouts/partials/sidebar-skywalking.html | 25 ++-------
7 files changed, 147 insertions(+), 54 deletions(-)
diff --git a/assets/scss/_custom_home.scss b/assets/scss/_custom_home.scss
index f197df8cf9d0..1d0878406d48 100644
--- a/assets/scss/_custom_home.scss
+++ b/assets/scss/_custom_home.scss
@@ -194,7 +194,10 @@ $brand-grad: linear-gradient(180deg, #479EEB 0%, #3788D0 100%);
// ---------- CAPABILITIES ----------
.cap-grid {
- display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
+ // Five pillars (GenAI joined in 10.4) plus a CTA tile fill a 3x2 grid
+ // exactly — no orphan card, and the sixth slot earns an internal link
+ // to /docs/ instead of sitting empty.
+ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
}
.cap-card {
display: flex; flex-direction: column; // so "Learn more" bottom-aligns across cards
@@ -209,12 +212,34 @@ $brand-grad: linear-gradient(180deg, #479EEB 0%, #3788D0 100%);
a { font-size: 14px; font-weight: 600; color: $brand; text-decoration: none; margin-top: auto; &:hover { text-decoration: underline; } }
}
.cap-tag {
- display: inline-block; padding: 4px 11px; border-radius: 999px;
+ // .cap-card is a column flexbox, which blockifies inline-block children and
+ // stretches them to the full card width — the pill has to opt out.
+ display: inline-block; align-self: flex-start;
+ padding: 4px 11px; border-radius: 999px;
font-size: 12px; font-weight: 700; letter-spacing: .04em;
&.tracing { background: #fdecde; color: #c2580d; }
&.metrics { background: #e2f1fd; color: #1d6fb8; }
&.logging { background: #f0e7fd; color: #7c3aed; }
&.profiling { background: #def5e7; color: #11814b; }
+ // Matches the AI topic colour in data/blog_topics.yml and the AI eco-card.
+ &.genai { background: #fde8f3; color: #be2069; }
+ }
+ // Sixth tile: a link, not a pillar — dashed and tinted so it reads as an
+ // invitation rather than a fifth-and-a-half capability.
+ .cap-card--cta {
+ text-decoration: none;
+ border-style: dashed;
+ border-color: #c9d9ee;
+ background: linear-gradient(180deg, #f7faff 0%, #fff 75%);
+ &:hover { border-color: $brand; text-decoration: none; }
+ .cap-cta-eyebrow {
+ font-size: 12px; font-weight: 700; letter-spacing: .12em;
+ text-transform: uppercase; color: $muted;
+ }
+ h3 { margin-top: 16px; }
+ .cap-cta-more {
+ font-size: 14px; font-weight: 600; color: $brand; margin-top: auto;
+ }
}
// ---------- HERO MAIN SHOT (topology) ----------
@@ -863,6 +888,23 @@ $brand-grad: linear-gradient(180deg, #479EEB 0%, #3788D0 100%);
p { font-size: 16px; color: $body; line-height: 1.6; margin: 0; max-width: 660px; }
}
+ // Definitional block above the Chinese article list — the site's only
+ // Chinese-language explanation of what SkyWalking is.
+ .zh-intro {
+ padding: 26px 0 4px;
+ .container { max-width: 1200px; }
+ p { font-size: 15px; line-height: 1.85; color: $body; margin: 0 0 10px; max-width: 820px; }
+ .zh-intro-lede { font-size: 16.5px; color: $ink; strong { font-weight: 700; } }
+ .zh-intro-links {
+ display: flex; flex-wrap: wrap; gap: 18px; margin-top: 14px;
+ a {
+ font-size: 14px; font-weight: 600; color: $brand; text-decoration: none;
+ &:after { content: " →"; opacity: .75; }
+ &:hover { text-decoration: underline; }
+ }
+ }
+ }
+
.blog-wrap { max-width: 1200px; padding-top: 18px; padding-bottom: 64px; }
.blog-year {
font-size: 12px; font-weight: 700; color: $muted; border: 0; padding: 0;
@@ -1532,3 +1574,17 @@ $brand-grad: linear-gradient(180deg, #479EEB 0%, #3788D0 100%);
@media (max-width: 576px) {
.map3d-play-label { font-size: 13px; }
}
+
+// =====================================================================
+// Footer: community links without an iconfont glyph (B站, 掘金) render as
+// their name. Size them to sit on the same baseline as the icon links,
+// which carry Bootstrap's .h3.
+// =====================================================================
+.footer-link-text {
+ font-size: 15px;
+ font-weight: 600;
+ vertical-align: middle;
+ position: relative;
+ top: -6px;
+ a { text-decoration: none; &:hover { text-decoration: underline; } }
+}
diff --git a/config.toml b/config.toml
index 6ec7106b12c9..28306fdc06fd 100644
--- a/config.toml
+++ b/config.toml
@@ -142,7 +142,9 @@ time_format_blog = "Jan 2, 2006"
weight = 1
[[menu.main]]
- name = "Projects and Docs"
+ # Keep in step with content/docs/_index.md's title and the mobile sidebar —
+ # the same destination used to carry four different names.
+ name = "Documentation"
weight = 10
url = "/docs"
@@ -250,9 +252,13 @@ weight = 1
desc = "Follow us on Twitter to get the latest news!"
[[params.links.user]]
name ="Slack"
- url = "http://s.apache.org/slack-invite"
+ # Same destination as the home page's Slack card. The old
+ # http://s.apache.org/slack-invite redirects to infra.apache.org/slack.html,
+ # which only offers self-signup to @apache.org addresses — a dead end for
+ # everyone else. Email is the only route that actually yields an invite.
+ url = "mailto:dev@skywalking.apache.org?subject=Request%20to%20join%20SkyWalking%20Slack"
icon = "iconfont icon-slack"
- desc = "Join us!"
+ desc = "Ask the dev mailing list for a Slack invite"
# Developer relevant links. These will show up on right side of footer and in the community page if you have one.
[[params.links.user]]
name ="Mailing list"
@@ -265,6 +271,16 @@ weight = 1
url = "https://github.com/apache/skywalking"
icon = "iconfont icon-github"
desc = "Development takes place here!"
+# Chinese third-party platforms. No iconfont glyph exists for either, so the
+# footer renders these by name — see partials/footer.html.
+[[params.links.user]]
+ name = "B站"
+ url = "https://space.bilibili.com/390683219"
+ desc = "Talks and tutorials in Chinese on Bilibili"
+[[params.links.user]]
+ name = "掘金"
+ url = "https://juejin.cn/user/13673577331607"
+ desc = "Chinese articles on Juejin"
[sitemap]
changefreq = "daily"
diff --git a/content/_index.html b/content/_index.html
index 8b22e443620d..3e35c392cba1 100644
--- a/content/_index.html
+++ b/content/_index.html
@@ -4,7 +4,7 @@ linkTitle = "Apache SkyWalking"
# Without an explicit description Hugo's internal opengraph/twitter templates fall
# back to .Summary, which on this page scrapes the hero SVG ("· APACHE SOFTWARE
# FOUNDATION · OPEN SOURCE · ...") into every social card and search snippet.
-description = "Apache SkyWalking is an open source observability platform for cloud native architectures. It collects, analyzes, aggregates and visualizes distributed traces, metrics, logs, profiling and alarms from services, containers and Kubernetes infrastructure, with auto-instrumentation agents for Java, Go, Python, Node.js, PHP, Rust, Ruby and .NET, plus eBPF-based profiling."
+description = "Apache SkyWalking is an open source observability platform for cloud native architectures. It brings distributed tracing, metrics, logs, profiling and alarms into one platform, with auto-instrumentation agents for Java, Go, Python, Node.js, PHP, Rust, Ruby and .NET, plus eBPF on Kubernetes. It also monitors GenAI and LLM services — latency, token usage and estimated cost per provider and model — and ships a built-in assistant that investigates incidents in natural language."
+++
<!-- ===== HERO + PRODUCT BENTO (merged) ===== -->
@@ -30,11 +30,12 @@ description = "Apache SkyWalking is an open source observability platform for cl
<div class="home-hero-grid">
<div class="home-hero-text">
- <h1>The observability platform for <span class="accent">cloud-native</span></h1>
+ <h1>The observability platform for <span class="accent">cloud-native and AI</span></h1>
<p class="lead">
- Apache SkyWalking collects, analyzes, aggregates and visualizes telemetry from
- services and cloud-native infrastructure — distributed tracing, metrics, logs,
- profiling and alarms in one platform, with many language agents and eBPF on Kubernetes.
+ Apache SkyWalking puts distributed tracing, metrics, logs, profiling and alarms
+ in one platform — across the services you run and the GenAI models they call,
+ down to tokens and cost. 10+ language agents, eBPF on Kubernetes, and a built-in
+ assistant you can ask in natural language.
</p>
<div class="hero-cta">
<a href="/docs/#qs-showcase">
@@ -118,8 +119,8 @@ description = "Apache SkyWalking is an open source observability platform for cl
</div>
<div class="frow-copy">
<span class="eyebrow">NEW · AI ASSISTANT</span>
- <h2>Ask your observability in plain language</h2>
- <p>Horizon's built-in assistant answers questions about your running system — <em>"what's unhealthy right now?"</em>, <em>"investigate latency for checkout"</em> — and replies with an ordered narrative built from the <strong>same charts, topology and tables</strong> as the rest of the UI, not a wall of text.</p>
+ <h2>Ask questions in natural language</h2>
+ <p>Horizon's built-in assistant answers questions about your running system — <em>"what's unhealthy right now?"</em>, <em>"investigate latency for checkout"</em> — with no MQE, PromQL or TraceQL to write. It replies with an ordered narrative built from the <strong>same charts, topology and tables</strong> as the rest of the UI, not a wall of text.</p>
<ul class="frow-points">
<li>
<span class="fp-ic" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 5v14a1 1 0 0 0 1 1h15"/><path d="M7.5 14l3.5-4 3 2.5 4.5-6"/></svg></span>
@@ -164,8 +165,8 @@ description = "Apache SkyWalking is an open source observability platform for cl
<div class="container">
<div class="section-head">
<span class="eyebrow">WHAT YOU GET</span>
- <h2>One platform for traces, metrics, logs and profiles</h2>
- <p>A modern APM designed for cloud-native systems. Auto-instrument the languages you run, observe the kernel via eBPF, and store the volume natively in BanyanDB.</p>
+ <h2>One platform for traces, metrics, logs, profiles and GenAI</h2>
+ <p>An observability platform designed for cloud-native systems. Auto-instrument the languages you run, observe the kernel via eBPF, and store the volume natively in BanyanDB.</p>
</div>
<div class="cap-grid">
<article class="cap-card">
@@ -192,6 +193,18 @@ description = "Apache SkyWalking is an open source observability platform for cl
<p>CPU and async profiling bundled in language agents. eBPF profiler on Rover for Kubernetes deployments.</p>
<a href="/docs/main/latest/en/concepts-and-designs/profiling/">Learn more →</a>
</article>
+ <article class="cap-card">
+ <span class="cap-tag genai">GenAI</span>
+ <h3>LLM and GenAI monitoring</h3>
+ <p>Latency, traffic, success rate, input/output tokens and estimated cost, per provider and model — from SkyWalking, OTLP or Zipkin traces.</p>
+ <a href="/docs/main/latest/en/setup/service-agent/virtual-genai/">Learn more →</a>
+ </article>
+ <a class="cap-card cap-card--cta" href="/docs/">
+ <span class="cap-cta-eyebrow">And the rest</span>
+ <h3>See all capabilities</h3>
+ <p>Every server, agent, database and integration in the project — each with documentation for every released version.</p>
+ <span class="cap-cta-more">Browse documentation →</span>
+ </a>
</div>
</div>
</section>
@@ -208,8 +221,8 @@ description = "Apache SkyWalking is an open source observability platform for cl
<a class="eco-card" href="/docs/#Agents" style="--eco: #3788D0;">
<span class="eco-ic"><svg viewBox="0 0 24 24" fill="none"><path d="M4 7h16M4 12h16M4 17h10" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg></span>
<h4>Agents for your stack</h4>
- <p>Java, Go, Python, Node.js, PHP, Rust, .NET, LUA, C++ and Client JavaScript — actively maintained.</p>
- <span class="eco-more">14 language agents →</span>
+ <p>Java, Go, Python, Node.js, PHP, Rust, Ruby, .NET, LUA, C++ and Client JavaScript — actively maintained.</p>
+ <span class="eco-more">11 language agents →</span>
</a>
<a class="eco-card" href="/docs/skywalking-rover/latest/readme/" style="--eco: #11814b;">
<span class="eco-ic"><svg viewBox="0 0 24 24" fill="none"><path d="M12 3v4m0 10v4m9-9h-4M7 12H3m13.5-6.5l-2.8 2.8M9.3 14.7l-2.8 2.8m11 0l-2.8-2.8M9.3 9.3L6.5 6.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/><circle cx="12" cy="12" r="2.4" stroke="currentColor" stroke-width="1.6"/></svg></span>
@@ -223,10 +236,10 @@ description = "Apache SkyWalking is an open source observability platform for cl
<p>A native observability database built to ingest, analyze and store telemetry at scale.</p>
<span class="eco-more">BanyanDB docs →</span>
</a>
- <a class="eco-card" href="/blog/" style="--eco: #be2069;">
+ <a class="eco-card" href="/tags/ai/" style="--eco: #be2069;">
<span class="eco-ic"><svg viewBox="0 0 24 24" fill="none"><path d="M12 3l2.2 5.3L20 9l-4 3.6L17 18l-5-2.7L7 18l1-5.4L4 9l5.8-.7L12 3z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg></span>
- <h4>AI-assisted analysis</h4>
- <p>ML baselines, HTTP URI pattern recognition and anomaly detection for smarter alerting.</p>
+ <h4>AI-assisted troubleshooting</h4>
+ <p>Ask Horizon UI to investigate in natural language — LLM-driven root cause, read-only and grounded in live data — plus ML baselines and anomaly detection.</p>
<span class="eco-more">AI on the blog →</span>
</a>
</div>
@@ -280,11 +293,15 @@ description = "Apache SkyWalking is an open source observability platform for cl
<p>Open a discussion or file an issue on GitHub — feature requests, questions and bug reports all welcome.</p>
<span class="cc-more">GitHub Discussions →</span>
</a>
- <a class="community-card" href="http://s.apache.org/slack-invite" target="_blank" rel="noopener">
+ <!-- mailto, not http://s.apache.org/slack-invite: that redirects to
+ infra.apache.org/slack.html, which only offers self-signup to
+ @apache.org addresses. Kept in step with the Slack entry in
+ config.toml's [params.links.user], which the footer renders. -->
+ <a class="community-card" href="mailto:dev@skywalking.apache.org?subject=Request%20to%20join%20SkyWalking%20Slack">
<span class="cc-ic"><i class="iconfont icon-slack"></i></span>
<h4>Join our Slack</h4>
- <p>Chat with maintainers and users in real time. Send a request to <span class="cc-mail">dev@skywalking.apache.org</span> and we'll invite you.</p>
- <span class="cc-more">Get an invite →</span>
+ <p>Chat with maintainers and users in real time. ASF self-signup only works for <span class="cc-mail">@apache.org</span> addresses, so ask the dev mailing list and a maintainer will invite you.</p>
+ <span class="cc-more">dev@skywalking.apache.org →</span>
</a>
<a class="community-card" href="https://twitter.com/asfskywalking" target="_blank" rel="noopener">
<span class="cc-ic"><i class="iconfont icon-twitter"></i></span>
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 89b0855c1fcb..8465a2bf6ed3 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -25,15 +25,13 @@
</li>
{{ end }}
{{ end }}
+ {{- /* Chinese blog: a direct link to /zh/, the only on-site destination
+ this menu ever had. The B站 and 掘金 accounts that used to share
+ the dropdown are third-party presence, not our content, and now
+ sit in the footer next to Twitter and Slack. */ -}}
+ {{ $zhActive := or (eq $sec "zh") (eq $sec "zh_tags") }}
<li class="nav-item mr-3 mb-lg-0">
- <span class="link dropdown blog">
- <a class="link-name nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">中文资料</a>
- <div class="dropdown-menu">
- <a class="dropdown-item" href="/zh/">博客</a>
- <a class="dropdown-item" href="https://space.bilibili.com/390683219" target="_blank" rel="noopener noreferrer">B站</a>
- <a class="dropdown-item" href="https://juejin.cn/user/13673577331607" target="_blank" rel="noopener noreferrer">掘金</a>
- </div>
- </span>
+ <a class="nav-link{{ if $zhActive }} active{{ end }}" href="/zh/"><span{{ if $zhActive }} class="active"{{ end }}>中文博客</span></a>
</li>
{{ if .Site.Params.versions }}
diff --git a/layouts/zh/list.html b/layouts/zh/list.html
index a7012749dcbe..d533ae4c0b40 100644
--- a/layouts/zh/list.html
+++ b/layouts/zh/list.html
@@ -17,6 +17,22 @@
</div>
</section>
+{{- /* Definitional block. The site had no Chinese page explaining what SkyWalking
+ actually is — every /zh/ article covers a specific topic — so Chinese search
+ and Chinese AI assistants had nothing authoritative on this domain to quote
+ for 「SkyWalking 是什么」. The article list below is unchanged. */ -}}
+<section class="zh-intro">
+ <div class="container">
+ <p class="zh-intro-lede"><strong>Apache SkyWalking 是一个开源的云原生可观测性平台</strong>，把分布式追踪、指标、日志、性能剖析和告警收在同一套数据模型里做关联分析，而不是各看各的。</p>
+ <p>接入以探针为主：Java、Go、Python、Node.js、PHP、Rust、Ruby、Nginx Lua 以及浏览器端 JS 都有对应实现，多数情况下不用改业务代码。装不了探针的服务，可以在 Kubernetes 上用基于 eBPF 的 Rover 补上进程与网络层的数据。采集到的数据由 OAP 后端做流式聚合与告警，默认写入社区自研、专为可观测性场景设计的 BanyanDB，也支持 Elasticsearch 等后端。</p>
+ <p class="zh-intro-links">
+ <a href="/docs/">文档</a>
+ <a href="/downloads/">下载</a>
+ <a href="https://github.com/apache/skywalking" target="_blank" rel="noopener">GitHub</a>
+ </p>
+ </div>
+</section>
+
<div class="container blog-wrap">
<div class="blog-topbar">
<details class="topic-filter">
diff --git a/themes/docsy/layouts/partials/footer.html b/themes/docsy/layouts/partials/footer.html
index 20ba30e0a078..6ffcf6645157 100644
--- a/themes/docsy/layouts/partials/footer.html
+++ b/themes/docsy/layouts/partials/footer.html
@@ -24,9 +24,16 @@
{{ define "footer-links-block" }}
<ul class="list-inline mb-0">
{{ range . }}
- <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="{{ .name }}" aria-label="{{ .name }}">
- <a class="text-color" target="_blank" href="{{ .url }}">
- <i class="{{ .icon }}"></i>
+ {{- $link := . -}}
+ <li class="list-inline-item mx-2 {{ if $link.icon }}h3{{ else }}footer-link-text{{ end }}" data-toggle="tooltip" data-placement="top" title="{{ $link.name }}" aria-label="{{ $link.name }}">
+ <a class="text-color" target="_blank" rel="noopener" href="{{ $link.url }}">
+ {{- if $link.icon -}}
+ <i class="{{ $link.icon }}"></i>
+ {{- else -}}
+ {{- /* Links with no iconfont glyph (B站, 掘金) render as their name instead
+ of an empty <i>, so they are visible at all. */ -}}
+ {{ $link.name }}
+ {{- end -}}
</a>
</li>
{{ end }}
diff --git a/themes/docsy/layouts/partials/sidebar-skywalking.html b/themes/docsy/layouts/partials/sidebar-skywalking.html
index dcdd5dbb1878..fb955429ce1f 100644
--- a/themes/docsy/layouts/partials/sidebar-skywalking.html
+++ b/themes/docsy/layouts/partials/sidebar-skywalking.html
@@ -2,32 +2,15 @@
<div class="sidebar">
<nav class="nav-links">
{{ $sec := .Section }}
- <div class="nav-item"><a href="/docs/" class="nav-link{{ if eq $sec "docs" }} router-link-active{{ end }}">Projects and Documentation</a></div>
+ <div class="nav-item"><a href="/docs/" class="nav-link{{ if eq $sec "docs" }} router-link-active{{ end }}">Documentation</a></div>
<div class="nav-item"><a href="/events/" class="nav-link{{ if eq $sec "events" }} router-link-active{{ end }}">Events</a></div>
<div class="nav-item"><a href="/blog/" class="nav-link{{ if eq $sec "blog" }} router-link-active{{ end }}">Blog</a></div>
<div class="nav-item"><a href="/downloads/" class="nav-link{{ if eq $sec "downloads" }} router-link-active{{ end }}">Downloads</a></div>
<div class="nav-item"><a href="/team/" class="nav-link{{ if eq $sec "team" }} router-link-active{{ end }}">Team</a></div>
<div class="nav-item"><a href="/users/" class="nav-link{{ if eq $sec "users" }} router-link-active{{ end }}">Users</a></div>
- <div class="nav-item">
- <div class="dropdown-wrapper open">
- <a class="dropdown-title"><span>中文资料</span>
- <span class="arrow down"></span>
- </a>
- <ul class="nav-dropdown">
- <li class="dropdown-item">
- <a href="/zh/" class="nav-link external">博客</a>
- </li>
- <li class="dropdown-item">
- <a href="https://space.bilibili.com/390683219" target="_blank"
- rel="noopener noreferrer" class="nav-link external">B站</a>
- </li>
- <li class="dropdown-item">
- <a href="https://juejin.cn/user/13673577331607" target="_blank"
- rel="noopener noreferrer" class="nav-link external">掘金</a>
- </li>
- </ul>
- </div>
- </div>
+ {{- /* Mirrors the desktop navbar: a direct link to the on-site Chinese blog.
+ B站 and 掘金 are third-party accounts and live in the footer now. */ -}}
+ <div class="nav-item"><a href="/zh/" class="nav-link{{ if or (eq $sec "zh") (eq $sec "zh_tags") }} router-link-active{{ end }}">中文博客</a></div>
<div class="nav-item">
<div class="dropdown-wrapper open">
<a class="dropdown-title">