This is an automated email from the ASF dual-hosted git repository. wu-sheng pushed a commit to branch website-redesign-horizon in repository https://gitbox.apache.org/repos/asf/skywalking-website.git
commit bc19066de120628b61e91273b87ad4cc3e555b46 Author: Wu Sheng <[email protected]> AuthorDate: Wed May 20 17:53:32 2026 +0800 feat(ui): light homepage/events/blog redesign + label taxonomy + navbar Homepage - Full light re-layout: hero with topology product shot, flowing widget row (trace + logs/metrics/rbac placeholders), capabilities, ecosystem, events, community; Grand Canyon backdrop restored; hero fits one viewport. Events - Timeline list (year-grouped) of headline + truncated message cards, no photos; polished detail page with an all-events sidebar timeline for quick jumping; full-width events baseof. Blog - Card-grid list with color-coded label chips, title and preview; single posts keep the two-column reading layout. - Consolidated ~90 ad-hoc tags into 11 clear labels (Release, Tracing, Metrics, Logging, Profiling, Storage, Agents, Cloud Native, AI, Community, Engineering); every post now carries up to 3 most-specific labels. Navbar - Reliable section-based active-page highlight. - Apache dropdown with the new ASF oak-leaf logo, to the right of search. - 中文资料 menu kept in its original left-nav position/style. Assets: add product screenshots and the new ASF oak-leaf logo. --- assets/scss/_custom_home.scss | 1159 +++++++++++++------- content/_index.html | 359 +++--- content/blog/2018-05-24-skywalking-net/index.md | 3 +- .../index.md | 4 +- content/blog/2019-01-01-Understand-Trace/index.md | 1 - content/blog/2019-01-25-mesh-loadtest/index.md | 4 +- .../blog/2019-09-25-alarm-webhook-share/index.md | 2 +- .../index.md | 2 + .../index.md | 3 +- .../blog/2020-07-26-apdex-and-skywalking/index.md | 2 + .../blog/2020-08-03-skywalking8-1-release/index.md | 5 +- .../2020-08-11-observability-at-scale/index.md | 2 + .../blog/2020-10-29-skywalking8-2-release/index.md | 4 +- content/blog/2020-11-21-apachecon-keynote/index.md | 3 +- .../blog/2020-11-21-apachecon-obs-apisix/index.md | 3 +- .../index.md | 3 +- .../2020-11-21-apachecon-obs-sourcemarker/index.md | 3 +- .../blog/2020-11-21-apachecon-obs-storage/index.md | 3 +- .../index.md | 4 +- .../index.md | 2 +- .../blog/2021-01-01-300-contributors-mark/index.md | 2 + .../2021-01-17-elastic-change-license/index.md | 2 +- .../index.md | 2 +- .../blog/2021-02-01-e2e-verifier-design/index.md | 3 +- .../2021-02-07-infrastructure-monitoring/index.md | 2 +- .../index.md | 3 +- .../blog/2021-03-16-continuous-feedback/index.md | 4 +- .../blog/2021-05-09-OpenSearch-supported/index.md | 2 +- .../blog/2021-07-12-500-contributors-mark/index.md | 2 + .../blog/2021-08-01-skywalking-8-intro/index.md | 3 +- .../index.md | 4 +- .../index.md | 2 - .../2021-12-06-extend-skywalking-with-nbb/index.md | 2 +- .../apisix-integrate-skywalking-plugin.md | 3 +- .../index.md | 2 - .../index.md | 2 +- .../index.md | 3 +- .../index.md | 3 +- .../2022-01-28-volcengine-violates-aplv2/index.md | 2 +- .../index.md | 2 +- .../index.md | 3 +- .../index.md | 5 +- .../index.md | 7 +- .../index.md | 9 +- .../index.md | 9 +- content/blog/2023-01-03-aliyun-copy-page/index.md | 2 +- .../blog/2023-03-12-skywalking-aws-s3-eks/index.md | 2 + .../2023-03-13-skywalking-aws-dynamodb/index.md | 2 + .../index.md | 4 +- .../index.md | 3 +- .../blog/2023-06-13-celebrate-22k-stars/index.md | 2 + .../index.md | 1 - .../index.md | 3 +- content/blog/2023-08-13-hashicorp-bsl/index.md | 2 + .../2023-10-18-skywalking-toolkit-trace/index.md | 3 +- .../index.md | 2 +- .../index.md | 2 +- .../index.md | 4 +- .../index.md | 2 +- .../index.md | 2 + .../index.md | 2 +- .../index.md | 2 +- .../blog/2024-05-13-skywalking-10-release/index.md | 8 +- .../blog/2024-06-04-banyandb-0.6-release/index.md | 3 +- .../index.md | 3 +- .../2024-12-09-skywalking-async-profiler/index.md | 2 + .../index.md | 2 + .../index.md | 5 +- .../index.md | 8 +- .../blog/2026-03-08-agentic-vibe-coding/index.md | 10 +- .../index.md | 6 +- .../index.md | 7 +- .../index.md | 5 +- .../2026-04-05-virtual-genai-monitoring/index.md | 6 +- content/blog/2026-04-08-traceql/index.md | 5 +- .../index.md | 8 +- .../index.md | 4 +- .../index.md | 3 +- content/blog/e2e-design/index.md | 3 +- .../index.md | 7 +- .../index.md | 4 +- .../index.md | 3 +- .../obs-service-mesh-vm-with-sw-and-als/index.md | 2 +- content/blog/skywalking8-4-release/index.md | 4 +- .../index.md | 3 +- content/images/home/horizon-dashboard.png | Bin 0 -> 1220577 bytes content/images/home/horizon-trace.png | Bin 0 -> 385936 bytes layouts/blog/baseof.html | 38 + layouts/blog/list.html | 43 + layouts/events/baseof.html | 22 + layouts/events/list.html | 50 + layouts/events/single.html | 54 + layouts/partials/navbar.html | 80 ++ layouts/shortcodes/team-count.html | 1 + static/images/asf-oakleaf.svg | 9 + 95 files changed, 1340 insertions(+), 762 deletions(-) diff --git a/assets/scss/_custom_home.scss b/assets/scss/_custom_home.scss index e5036f9194c..729c1c21659 100644 --- a/assets/scss/_custom_home.scss +++ b/assets/scss/_custom_home.scss @@ -1,517 +1,836 @@ +// ===================================================================== +// Home page — light theme, full re-layout +// Palette: primary #3788D0 (gradient #479EEB→#3788D0), ink #1F1F20, +// body #5b6573, muted #909094, border #e6e9ee, surface #fff, page #f7f9fc +// ===================================================================== + +$ink: #1F1F20; +$body: #4b5563; +$muted: #8a93a3; +$line: #e6e9ee; +$brand: #3788D0; +$brand-grad: linear-gradient(180deg, #479EEB 0%, #3788D0 100%); + .sky-btn { - padding: 10px 23px; + padding: 11px 22px; height: 46px; - font-size: 16px; - color: #1F1F20; - border-radius: 6px; - background: #FFFFFF; + font-size: 15px; + color: $ink; + border-radius: 8px; + background: #fff; border: 1px solid #DADDE0; box-sizing: border-box; cursor: pointer; + transition: box-shadow .15s ease, transform .15s ease, background .15s ease; + + &:hover { box-shadow: 0 6px 18px rgba(17, 24, 39, .10); transform: translateY(-1px); } &.primary { color: #fff; - background: linear-gradient(180deg, #479EEB 0%, #3788D0 100%); - box-shadow: 0px 2px 6px #ABD1F2; + background: $brand-grad; + box-shadow: 0 6px 18px rgba(55, 136, 208, .35); border: none; + .hint { font-size: 12px; opacity: .85; margin-left: 6px; } } - &.small { - border-radius: 4px; - height: 30px; - padding: 6px 12px; - font-size: 12px; - } -} - -.dividing-line-border { - display: inline-block; - width: 60%; - height: 1px; - background: -webkit-linear-gradient(left, #fff -4%, #ccc 50%, #fff 100%); + &.small { border-radius: 4px; height: 30px; padding: 6px 12px; font-size: 12px; } } .td-home { + background: #fff; + main { - li { - list-style: none; - } + li { list-style: none; } + ul { padding: 0; } + } - ul { - padding: 0; - } + .container { max-width: 1200px; } - img { - &:hover { - cursor: auto; - } + .eyebrow { + display: inline-block; + font-size: 12px; + font-weight: 700; + letter-spacing: .14em; + text-transform: uppercase; + color: $brand; + margin-bottom: 12px; + } - &:not([data-nolightbox="true"]) { - &:hover { - cursor: pointer; - } - } - } + .section-head { + text-align: center; + max-width: 720px; + margin: 0 auto 44px; + h2 { font-size: 34px; font-weight: 700; color: $ink; border: 0; padding: 0; margin: 0 0 14px; line-height: 1.2; } + p { font-size: 17px; color: $body; line-height: 1.6; margin: 0; } + } + + .home-section { padding: 72px 0; } - .title { - font-weight: 600; - font-size: 32px; - line-height: 38px; - text-align: center; - color: #1F1F20; - border: none; - padding-top: 2.3rem; - margin-bottom: 3rem; + // ---------- HERO (text + topology shot, one viewport) ---------- + // Override the theme's 8rem top padding on the first section and + // size the hero to fill the viewport below the fixed 64px navbar. + main section.home-hero { padding-top: calc(4rem + 18px); } + .home-hero { + position: relative; + padding: calc(4rem + 18px) 0 28px; + min-height: 100vh; + box-sizing: border-box; + display: flex; flex-direction: column; justify-content: center; + border-bottom: 1px solid $line; + background: + radial-gradient(900px 440px at 12% 0%, rgba(55,136,208,.10), transparent 60%), + radial-gradient(720px 400px at 100% 0%, rgba(232,78,161,.07), transparent 55%), + linear-gradient(180deg, #f7faff 0%, #ffffff 60%); + // faint Grand Canyon backdrop along the bottom + &::after { + content: ""; position: absolute; left: 0; right: 0; bottom: 0; + height: 300px; + background: url("/images/home/bg.png") bottom center / 100% auto no-repeat; + opacity: .55; pointer-events: none; z-index: 0; + } + > .container { position: relative; z-index: 1; } + } + .hero-top { + display: flex; align-items: center; justify-content: space-between; + gap: 24px; flex-wrap: wrap; + margin-bottom: 26px; + } + .home-hero-grid { + display: grid; + grid-template-columns: 0.92fr 1.08fr; + gap: 48px; + align-items: center; + } + .hero-eyebrow { + display: inline-flex; align-items: center; gap: 8px; + padding: 6px 13px; + border: 1px solid #d6e4f5; + background: #eef5fd; + color: #2c6cb0; + border-radius: 999px; + font-size: 13px; font-weight: 600; + text-decoration: none; + .dot { width: 7px; height: 7px; border-radius: 50%; background: #22c55e; } + &:hover { background: #e3eefb; } + } + .home-hero-text { + text-align: left; + h1 { + font-size: 46px; line-height: 1.1; font-weight: 800; color: $ink; + letter-spacing: -1.1px; margin: 0 0 16px; border: 0; padding: 0; + .accent { + background: linear-gradient(120deg, #3788D0, #E7136C 120%); + -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; + } } + .lead { font-size: 16px; line-height: 1.6; color: $body; margin: 0; max-width: 520px; } + } + .hero-cta { + display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 30px; + } + .github-pill { + display: inline-flex; align-items: center; gap: 7px; + height: 46px; padding: 0 18px; + border: 1px solid #DADDE0; border-radius: 8px; + color: $ink; font-size: 15px; text-decoration: none; background: #fff; + &:hover { box-shadow: 0 6px 18px rgba(17,24,39,.10); } + .icon-github { font-size: 17px; } + } + .hero-stats { + display: flex; gap: 34px; margin: 0; padding: 0; + li { display: flex; flex-direction: column; text-align: right; } + strong { font-size: 22px; font-weight: 800; color: $ink; line-height: 1.1; } + span { font-size: 12px; color: $muted; margin-top: 2px; } } - .pt-64 { - padding-top: 64px; + // ---------- CAPABILITIES ---------- + .cap-grid { + display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; + } + .cap-card { + background: #fff; + border: 1px solid $line; + border-radius: 12px; + padding: 24px 22px; + transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease; + &:hover { box-shadow: 0 16px 40px -18px rgba(17,24,39,.30); transform: translateY(-3px); border-color: #d6e4f5; } + h3 { font-size: 18px; font-weight: 700; color: $ink; margin: 16px 0 8px; border: 0; padding: 0; line-height: 1.3; } + p { font-size: 14px; color: $body; line-height: 1.6; margin: 0 0 16px; } + a { font-size: 14px; font-weight: 600; color: $brand; text-decoration: none; &:hover { text-decoration: underline; } } + } + .cap-tag { + display: inline-block; 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; } } - .center { - text-align: center; + // ---------- HERO MAIN SHOT (topology) ---------- + .hero-shot { + position: relative; + margin: 0; + border-radius: 14px; + border: 1px solid $line; + background: #0f131a; + overflow: hidden; + box-shadow: 0 26px 60px -24px rgba(17, 24, 39, .45); + img { display: block; width: 100%; height: 300px; object-fit: cover; object-position: left top; } + } + .shot-bar { + display: flex; align-items: center; gap: 6px; + height: 34px; padding: 0 14px; + background: #141923; border-bottom: 1px solid #232a37; + i { width: 10px; height: 10px; border-radius: 50%; background: #3a4456; } + i:nth-child(1){ background:#ef4444; } i:nth-child(2){ background:#eab308; } i:nth-child(3){ background:#22c55e; } + em { margin-left: 10px; font-style: normal; font-size: 12px; color: #818a9c; font-family: ui-monospace, "SF Mono", Menlo, monospace; } } - .community-box { - color: #909094; + // ---------- FLOWING WIDGET ROW (trace / logs / metrics / rbac) ---------- + .widget-row { display: flex; - justify-content: center; - align-items: center; - padding: 8px; - max-width: 664px; - margin: 60px auto 0; - border: 1px solid #DADDE0; - border-radius: 12px; - font-size: 16px; + flex-wrap: wrap; + gap: 16px; + margin-top: 26px; + } + .widget-card { + flex: 1 1 200px; + min-height: 190px; + position: relative; + margin: 0; + border-radius: 14px; + border: 1px solid $line; + background: #fff; + overflow: hidden; + box-shadow: 0 10px 30px -20px rgba(17, 24, 39, .35); + transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease; + display: flex; flex-direction: column; + &:hover { box-shadow: 0 22px 48px -24px rgba(17, 24, 39, .4); transform: translateY(-3px); border-color: #d6e4f5; } + } - .community { + // widget card with a real screenshot + .widget-card.is-shot { + img { + position: absolute; inset: 0; + width: 100%; height: 100%; + object-fit: cover; object-position: left top; + background: #0f131a; + } + figcaption { + position: absolute; left: 0; right: 0; bottom: 0; + padding: 16px 18px 14px; + background: linear-gradient(180deg, rgba(15,19,26,0) 0%, rgba(15,19,26,.88) 72%); color: #fff; - padding: 0 6px; - height: 24px; - line-height: 24px; - background: linear-gradient(101.75deg, #E7136C 0.73%, #FF9900 100.73%); - border-radius: 8px; - } - - .count { - font-weight: 800; - background-image: -webkit-linear-gradient(left, #E7136C, #FF9900 25%, #E7136C 50%, #FF9900 75%, #E7136C); - -webkit-text-fill-color: transparent; - -webkit-background-clip: text; - -webkit-background-size: 200% 100%; - -webkit-animation: colorAnimation 4s infinite linear; - font-size: 18px; - } - - .mr-10 { - margin-right: 10px; - } - - @keyframes colorAnimation { - 0% { - background-position: 0 0; - } - 100% { - background-position: -100% 0; - } + strong { display: block; font-size: 16px; font-weight: 700; } + span { display: block; font-size: 13px; color: rgba(255,255,255,.82); margin-top: 3px; } } } - .introduction { - text-align: center; - - .title-skywalking { - font-size: 50px; - } - - .desc { - padding-bottom: 40px; - font-size: 18px; + // placeholder widget card (screenshot to come) + .widget-card.is-empty { + background: radial-gradient(120% 80% at 50% 0%, #f3f7fc 0%, #fff 70%); + .widget-ph { + flex: 1; display: grid; place-items: center; + color: #b6c2d3; + svg { width: 44px; height: 44px; } } - - .btn-demo { - background-color: #e8f3ff5e; + figcaption { + padding: 16px 18px 18px; + border-top: 1px solid $line; + strong { display: block; font-size: 16px; font-weight: 700; color: $ink; } + span { display: block; font-size: 13px; color: $muted; margin-top: 3px; } } } - // ui banner mobile - #uiMobileContainer { - padding: 4rem 0; - display: none; - - .card { - border: 0; - border-top: 1px solid rgba(0, 0, 0, 0.125); - - .card-header { - margin-bottom: 0; - background: none !important; - border-bottom: none; - padding: 0; - - .card-header-title { - padding: 1rem 0; - display: flex; - justify-content: space-between; - &:hover { - cursor: pointer; - } - - &[aria-expanded=true] { - .dropdown-toggle { - transform: rotate(180deg); - } - } - .dropdown-toggle { - margin-left: 12px; - } - } - } - } - .card-body { - padding: 0.2rem 0 1rem; + // ---------- ECOSYSTEM ---------- + .eco-grid { + display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-bottom: 36px; + } + .eco-card { + background: #fff; border: 1px solid $line; border-radius: 12px; padding: 22px 20px; + h4 { font-size: 16px; font-weight: 700; color: $ink; margin: 0 0 8px; padding: 0; border: 0; } + p { font-size: 14px; color: $body; line-height: 1.6; margin: 0; } + } + .formats { + display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; + padding-top: 8px; + } + .formats-label { font-size: 13px; color: $muted; font-weight: 600; margin-right: 6px; } + .format-chip { + display: inline-flex; align-items: center; height: 30px; padding: 0 13px; + border: 1px solid $line; border-radius: 999px; background: #fff; + font-size: 13px; color: $body; + } - img { - box-shadow: 0px 10px 40px #e3e4e4; - border-radius: 8px; - } + // ---------- EVENTS (reuses .feature-content list) ---------- + .feature-content { + display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; + li { + flex: 1 1 30%; min-width: 260px; + background: #fff; border: 1px solid $line; border-radius: 12px; + padding: 22px 22px 18px; + transition: box-shadow .18s ease, transform .18s ease; + &:hover { box-shadow: 0 16px 40px -18px rgba(17,24,39,.25); transform: translateY(-2px); } + a { text-decoration: none; } + h5 { font-size: 16px; color: $ink; margin: 0 0 8px; line-height: 1.35; } + .date { color: $muted; font-size: 13px; display: block; margin-bottom: 10px; } + .txt, p { color: $body; font-size: 14px; line-height: 1.55; } } } + .events-content li:hover h5 { color: $brand; } + + // ---------- GET STARTED ---------- + .get-started { + border-radius: 16px; padding: 48px; + background: + radial-gradient(600px 300px at 80% 0%, rgba(255,255,255,.18), transparent 60%), + $brand-grad; + color: #fff; text-align: center; + margin-bottom: 64px; + h2 { color: #fff; border: 0; padding: 0; font-size: 30px; font-weight: 700; margin: 0 0 12px; } + p { color: rgba(255,255,255,.92); font-size: 17px; max-width: 560px; margin: 0 auto 24px; } + .gs-cta { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; } + .sky-btn:not(.primary) { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.5); color: #fff; } + .sky-btn.primary { background: #fff; color: $brand; box-shadow: 0 8px 22px rgba(0,0,0,.18); } + } - // ui banner pc - .ui-container { - display: flex; - padding: 4rem 0; - - .banner-nav { - width: 170px; - display: flex; - flex-direction: column; - margin: 0 0 0 30px; - - li { - flex: 1; - padding: 0 20px; - max-height: 80px; - cursor: pointer; - display: flex; - align-items: center; - - &:hover { - text-decoration: underline; - - } - - &.active { - background: #f2f3f5; - border-radius: 5px; - } - } + // community count box + .community-box { + color: $body; display: flex; justify-content: center; align-items: center; + padding: 14px 18px; max-width: 680px; margin: 0 auto 44px; + border: 1px solid $line; border-radius: 12px; font-size: 16px; text-decoration: none; + background: #fff; + &:hover { box-shadow: 0 10px 30px -16px rgba(17,24,39,.30); } + .community { + color: #fff; padding: 2px 9px; margin-right: 10px; + background: linear-gradient(101.75deg, #E7136C 0.73%, #FF9900 100.73%); + border-radius: 8px; font-size: 13px; font-weight: 700; letter-spacing: .03em; } - - .banner-content-inner { - width: calc(100% - 200px); - position: relative; + .count { + font-weight: 800; font-size: 18px; + background-image: -webkit-linear-gradient(left, #E7136C, #FF9900 25%, #E7136C 50%, #FF9900 75%, #E7136C); + -webkit-text-fill-color: transparent; -webkit-background-clip: text; + -webkit-background-size: 200% 100%; -webkit-animation: colorAnimation 4s infinite linear; } + .mr-10 { margin-right: 10px; } + @keyframes colorAnimation { 0% { background-position: 0 0; } 100% { background-position: -100% 0; } } + } - .banner-wrapper { - flex: 1; - position: relative; - padding-top: 51.43%; - box-shadow: 0px 10px 40px #e3e4e4; - - .img-item { - position: absolute; - left: 0; - top: 0; - border-radius: 8px; - } + // stay-tuned trio + .tuned-content { + margin-top: 8px; + li { + flex: 1 1 30%; text-align: left; + h4 { font-size: 16px; color: $ink; margin: 0 0 8px; padding: 0; border: 0; } + p { color: $body; font-size: 14px; line-height: 1.6; margin: 0; } } } + .center { text-align: center; } + // demo dropdown .demo-wrapper { .dropdown-item { - color: #888; - font-size: 14px; - padding: 0.25rem 1.2rem; - - &:nth-last-child(-n + 2) { - font-size: 16px; - } - - a { - font-weight: 600; - display: block; - } - } - - .icon-arrow-up-right { - font-size: 10px; - position: relative; - top: -4px; - color: #3176d9; + color: #888; font-size: 14px; padding: .3rem 1.2rem; + &:nth-last-child(-n + 2) { font-size: 15px; } + a { font-weight: 600; display: block; color: $brand; } } + .icon-arrow-up-right { font-size: 10px; position: relative; top: -3px; color: $brand; } } +} - .solution-wrapper { - margin-right: -15px; - margin-left: -15px; - background-image: url("/images/home/bg.png"); - background-position: bottom; - background-attachment: fixed; - background-size: 100%; - background-repeat: no-repeat; - padding-bottom: 50px; - - .solution-content { - display: flex; - justify-content: space-between; - - li { - width: 32%; - text-align: center; - padding: 0 22px; - } - } - .flex-center { - justify-content: center; - } +// ---------- responsive ---------- +@media (max-width: 992px) { + .td-home { + .home-hero-grid { grid-template-columns: 1fr; gap: 36px; } + .home-hero-text h1 { font-size: 42px; } + .cap-grid { grid-template-columns: 1fr 1fr; } + .eco-grid { grid-template-columns: 1fr 1fr; } + .widget-card { flex-basis: 45%; min-height: 220px; } } +} - .feature-wrapper { - background: radial-gradient(19.06% 49.81% at 50% 51.68%, rgba(62, 162, 255, 0.3) 0%, rgba(0, 117, 255, 0) 100%), radial-gradient(23.2% 22.47% at 38.96% 38.47%, rgba(255, 245, 0, 0.2) 0%, rgba(20, 255, 0, 0) 100%), radial-gradient(20.52% 46.35% at 50% 50%, rgba(120, 190, 255, 0.2) 0%, rgba(135, 212, 255, 0) 100%), radial-gradient(31.08% 29.74% at 63.15% 58.96%, rgba(232, 78, 161, 0.2) 0%, rgba(239, 177, 255, 0) 100%); - - .feature-content { - display: flex; - justify-content: space-between; - flex-wrap: wrap; - - li { - position: relative; - background: #FFFFFF; - width: 32.4%; - margin-bottom: 1.25%; - padding: 10px 23px 15px; - text-align: center; - box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); - border-radius: 6px; - display: flex; - flex-direction: column; - justify-content: space-between; - - .img-box { - border: 1px solid #eee; - border-radius: 4px; - padding: 10px 8px 25px 0; - overflow: hidden; - position: relative; - } - - .text { - position: absolute; - text-align: center; - width: 100%; - bottom: 0; - left: 0; - color: #666; - font-size: 12px; - font-weight: 600; - } - } - - .img-vs { - padding-bottom: 5%; - } - - .keywords-wrapper { - min-height: 180px; +@media (max-width: 576px) { + .td-home { + .home-section { padding: 48px 0; } + .home-hero { padding: 40px 0; } + .home-hero-text h1 { font-size: 34px; } + .section-head h2 { font-size: 27px; } + .cap-grid, .eco-grid { grid-template-columns: 1fr; } + .hero-stats { gap: 26px; } + .get-started { padding: 32px 22px; } + .feature-content li { flex-basis: 100%; } + .widget-card { flex-basis: 100%; min-height: 200px; } + } +} - span { - color: #DADDE0; - font-weight: 600; - font-size: 20px; - margin: 6px 12px; - display: inline-block; - } - } - } +// ===================================================================== +// Top navbar — adopt the landing page's light / button aesthetic +// (global: applies to every page for a consistent header) +// ===================================================================== +.td-navbar { + background: rgba(255, 255, 255, .9); + -webkit-backdrop-filter: saturate(180%) blur(10px); + backdrop-filter: saturate(180%) blur(10px); + border-bottom: 1px solid #e6e9ee; + box-shadow: 0 1px 2px rgba(17, 24, 39, .03); + + .navbar-brand { + font-weight: 800; + color: #1F1F20; + .text-uppercase { color: #1F1F20; } } - .events-wrapper { - background: radial-gradient(99.06% 49.81% at 50% 61.68%, rgba(62, 162, 255, 0.3) 0%, rgba(0, 117, 255, 0) 50%), - radial-gradient(23.2% 22.47% at 38.96% 38.47%, rgba(255, 245, 0, 0.2) 0%, rgba(20, 255, 0, 0) 100%), - radial-gradient(20.52% 46.35% at 50% 50%, rgba(120, 190, 255, 0.2) 0%, rgba(135, 212, 255, 0) 100%), - radial-gradient(21.08% 29.74% at 63.15% 58.96%, rgba(232, 78, 161, 0.2) 0%, rgba(239, 177, 255, 0) 100%); + // nav items as rounded, button-like links (matches .sky-btn family) + .nav-link { + color: #4b5563; + font-weight: 600; + font-size: 15px; + padding: 8px 12px !important; + border-radius: 8px; + transition: background .15s ease, color .15s ease; + &:hover { background: #eef5fd; color: #1F1F20; } + } + .nav-item .nav-link.active, + .nav-link span.active { + color: #2c6cb0; + } + .nav-item .nav-link.active { + background: #eef5fd; + box-shadow: inset 0 -2px 0 #3788D0; + } - .date { - color: #888; - font-size: 13px; - padding-bottom: 12px; - } + // CN badge on the 中文资料 item — match brand blue + .navbar-nav-wrapper .nav-item:last-child .nav-link::before { + background: #eef5fd; + color: #2c6cb0; + font-weight: 700; + } - .txt { - color: #2c3e50 + // dropdowns — rounded, soft shadow like the landing cards + .dropdown-menu { + border-radius: 10px; + box-shadow: 0 16px 40px -18px rgba(17, 24, 39, .35); + padding: 8px; + .dropdown-item { + border-radius: 6px; + color: #4b5563; + font-weight: 500; + padding: 7px 10px; + &:hover { background: #eef5fd; color: #1F1F20; } } } - .run-wrapper { - position: relative; - - .run-content { - position: relative; - color: #fff; - height: 350px; - background-image: url("/images/home/bg.png"); - background-position: 0 150px; - background-size: cover; - background-repeat: no-repeat; - border-radius: 8px; - display: flex; - justify-content: center; - align-items: center; - - .releases { - color: #fff; - display: inline-block; - text-decoration: underline; - } + // Algolia docsearch button — render as a rounded pill + .DocSearch-Button { + border-radius: 999px; + border: 1px solid #DADDE0; + background: #fff; + height: 38px; + padding: 0 14px; + box-shadow: none; + &:hover { box-shadow: 0 6px 18px rgba(17, 24, 39, .10); border-color: #c9d3e0; } + .DocSearch-Button-Keys { display: none; } + } + // offline-search fallback input as a pill + .td-search-input { + border: 1px solid #DADDE0; + border-radius: 999px; + height: 38px; + padding: 0 14px; + background: #fff; + } +} - .content-box { - position: relative; - z-index: 2; - } +// ===================================================================== +// Events page — timeline of headline + truncated message cards (no photos) +// ===================================================================== +.td-events { + background: #fff; - .mask { - border-radius: 8px; - height: 100%; - width: 100%; - position: absolute; - top: 0; - left: 0; - z-index: 1; - filter: invert(52%) sepia(35%) saturate(1455%) hue-rotate(184deg) brightness(90%) contrast(85%); - background: linear-gradient(180deg, #479EEB 0%, #3788D0 100%); - mix-blend-mode: multiply; - box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); - } - } + .eyebrow { + display: inline-block; font-size: 12px; font-weight: 700; + letter-spacing: .14em; text-transform: uppercase; color: $brand; margin-bottom: 12px; } - .tuned-wrapper { - background: none; + .ev-hero { + padding: calc(4rem + 30px) 0 28px; + background: + radial-gradient(800px 380px at 12% 0%, rgba(55,136,208,.10), transparent 60%), + radial-gradient(640px 340px at 100% 0%, rgba(232,78,161,.06), transparent 55%), + linear-gradient(180deg, #f7faff 0%, #fff 70%); + border-bottom: 1px solid $line; + h1 { font-size: 40px; font-weight: 800; color: $ink; letter-spacing: -.8px; margin: 0 0 12px; border: 0; padding: 0; } + p { font-size: 16px; color: $body; line-height: 1.6; margin: 0; max-width: 640px; a { color: $brand; } } } - .tuned-content { - display: flex; - justify-content: space-between; - flex-wrap: wrap; - word-break: break-word; + .ev-wrap { max-width: 920px; padding-top: 36px; padding-bottom: 64px; } - li { - width: 24.5%; - padding: 0 20px 20px; - box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); - border-radius: 6px; - display: flex; - flex-direction: column; - justify-content: space-between; + .ev-group { margin-bottom: 8px; } + .ev-year { + margin: 22px 0 14px; + span { + display: inline-block; + font-family: ui-monospace, "SF Mono", Menlo, monospace; + font-size: 13px; font-weight: 700; color: $ink; + background: #eef5fd; border: 1px solid #d6e4f5; color: #2c6cb0; + border-radius: 999px; padding: 4px 14px; + } + } - img { - border-radius: 8px; - } + .ev-timeline { + position: relative; + list-style: none; margin: 0; padding: 0 0 0 4px; + &::before { + content: ""; position: absolute; top: 6px; bottom: 6px; left: 19px; + width: 2px; background: $line; } } + .ev-item { + position: relative; + padding-left: 52px; + margin-bottom: 14px; + list-style: none; + } + .ev-dot { + position: absolute; left: 12px; top: 20px; + width: 16px; height: 16px; border-radius: 50%; + background: #fff; border: 3px solid $brand; + box-shadow: 0 0 0 4px #eef5fd; + } + .ev-item.is-release .ev-dot { border-color: #E7136C; box-shadow: 0 0 0 4px #fdeaf2; } + + .ev-card { + display: block; + background: #fff; border: 1px solid $line; border-radius: 12px; + padding: 16px 20px; text-decoration: none; + transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease; + &:hover { box-shadow: 0 16px 40px -20px rgba(17,24,39,.30); transform: translateY(-2px); border-color: #d6e4f5; } + } + .ev-meta { + display: flex; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; + } + .ev-date { + font-family: ui-monospace, "SF Mono", Menlo, monospace; + font-size: 12px; color: $muted; font-weight: 600; + } + .ev-tag { + font-size: 10.5px; font-weight: 700; letter-spacing: .04em; + padding: 2px 8px; border-radius: 999px; + background: #eef1f5; color: #5b6573; + &.is-release { background: #fdeaf2; color: #c01f68; } + } + .ev-author { + font-size: 12px; color: $muted; margin-left: auto; + a { color: $muted; text-decoration: none; &:hover { color: $brand; } } + } + .ev-title { + font-size: 18px; font-weight: 700; color: $ink; margin: 0 0 6px; + border: 0; padding: 0; line-height: 1.35; + } + .ev-desc { + font-size: 14px; color: $body; line-height: 1.6; margin: 0 0 10px; + display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; + } + .ev-more { font-size: 13px; font-weight: 600; color: $brand; } + .ev-card:hover .ev-title { color: #2c6cb0; } + + .ev-pagination { + margin-top: 32px; display: flex; justify-content: center; + .pagination { display: flex; gap: 4px; list-style: none; padding: 0; margin: 0; } + .page-link { + display: inline-flex; align-items: center; justify-content: center; + min-width: 36px; height: 36px; padding: 0 10px; + border: 1px solid #DADDE0; border-radius: 8px; background: #fff; + color: $body !important; font-size: 13px; text-decoration: none; + &:hover { background: #eef5fd; } + } + .page-item.active .page-link { background: $brand; border-color: $brand; color: #fff !important; } + } } @media (max-width: 576px) { - .td-home { - #arch { - padding: 0 15px; - } + .td-events { + .ev-hero { padding-top: calc(4rem + 18px); h1 { font-size: 30px; } } + .ev-item { padding-left: 44px; } + .ev-author { margin-left: 0; width: 100%; } + } +} - main { - .title { - font-size: 30px; - } +// ---------- Events detail page (sidebar timeline + article) ---------- +.td-events { + .ev-detail { + max-width: 1200px; + margin: 0 auto; + padding: calc(4rem + 28px) 24px 64px; + display: grid; + grid-template-columns: 288px 1fr; + gap: 40px; + align-items: start; + } - .solution-title { - margin-bottom: 1.2rem; - } + // left sidebar — timeline of all events + .ev-side { + position: sticky; + top: calc(4rem + 16px); + align-self: start; + border: 1px solid $line; + border-radius: 12px; + background: #fff; + overflow: hidden; + max-height: calc(100vh - 5rem - 32px); + display: flex; + flex-direction: column; + } + .ev-side-head { + display: flex; align-items: center; justify-content: space-between; + padding: 12px 16px; + border-bottom: 1px solid $line; + background: #f7faff; + a { font-size: 13px; font-weight: 700; color: $ink; text-decoration: none; &:hover { color: $brand; } } + .ev-side-count { + font-family: ui-monospace, "SF Mono", Menlo, monospace; + font-size: 11px; color: #2c6cb0; background: #eef5fd; + border: 1px solid #d6e4f5; border-radius: 999px; padding: 1px 8px; } - - .dividing-line-border { - width: 90%; + } + .ev-side-list { + overflow-y: auto; + padding: 8px 8px 12px; + position: relative; + } + .ev-side-year { + font-family: ui-monospace, "SF Mono", Menlo, monospace; + font-size: 11px; font-weight: 700; color: $muted; + padding: 10px 8px 4px; + position: sticky; top: 0; background: #fff; + } + .ev-side-item { + display: flex; align-items: flex-start; gap: 9px; + padding: 7px 10px; border-radius: 8px; + text-decoration: none; color: $body; + &:hover { background: #f3f7fc; } + .ev-side-dot { + flex: 0 0 8px; width: 8px; height: 8px; margin-top: 5px; + border-radius: 50%; background: #fff; border: 2px solid #c7d3e2; + } + &.is-release .ev-side-dot { border-color: #f0a8c6; } + .ev-side-text { display: flex; flex-direction: column; min-width: 0; } + .ev-side-date { + font-family: ui-monospace, "SF Mono", Menlo, monospace; + font-size: 10.5px; color: $muted; + } + .ev-side-title { + font-size: 12.5px; line-height: 1.35; color: $body; + display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; + } + &.is-current { + background: #eef5fd; + box-shadow: inset 2px 0 0 $brand; + .ev-side-dot { background: $brand; border-color: $brand; } + .ev-side-title { color: #2c6cb0; font-weight: 700; } } + } - .username-wrapper { - .username { - li { - font-size: 14px; - margin-bottom: 2px; + // right article + .ev-article { + max-width: 820px; + margin: 0; + padding: 0; + } + .ev-article-meta { + display: flex; align-items: center; gap: 12px; flex-wrap: wrap; + margin-bottom: 14px; + time { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 13px; color: $muted; } + .ev-article-author { font-size: 13px; color: $muted; b { color: $body; } a { color: $brand; } } + } + .ev-article-title { + font-size: 38px; font-weight: 800; color: $ink; letter-spacing: -.6px; + line-height: 1.18; margin: 0 0 12px; border: 0; padding: 0; + } + .ev-article-lead { + font-size: 17px; color: $body; line-height: 1.6; margin: 0 0 24px; + padding-bottom: 20px; border-bottom: 1px solid $line; + } + .ev-article-body { font-size: 15.5px; color: #374151; line-height: 1.75; } +} - &:nth-child(odd) { - padding: 0; - } +@media (max-width: 900px) { + .td-events { + .ev-detail { grid-template-columns: 1fr; gap: 24px; padding-top: calc(4rem + 18px); } + .ev-side { position: static; max-height: 320px; order: 2; } + .ev-article { order: 1; } + .ev-article-title { font-size: 30px; } + } +} - &:nth-child(even) { - padding: 0 3px; - } - } - } - } +// ===================================================================== +// Blog list — post box widgets (labels + title + preview) +// ===================================================================== +.td-blog { + background: #fff; - .tuned-content { - li.twitter-wrapper { - p { - min-height: inherit; - } - } - } + .eyebrow { + display: inline-block; font-size: 12px; font-weight: 700; + letter-spacing: .14em; text-transform: uppercase; color: $brand; margin-bottom: 12px; + } - .feature-wrapper { - .img-vs { - padding-bottom: 0 !important; - } - } + .blog-hero { + padding: calc(4rem + 30px) 0 28px; + background: + radial-gradient(800px 380px at 12% 0%, rgba(55,136,208,.10), transparent 60%), + radial-gradient(640px 340px at 100% 0%, rgba(232,78,161,.06), transparent 55%), + linear-gradient(180deg, #f7faff 0%, #fff 70%); + border-bottom: 1px solid $line; + h1 { font-size: 40px; font-weight: 800; color: $ink; letter-spacing: -.8px; margin: 0 0 12px; border: 0; padding: 0; } + p { font-size: 16px; color: $body; line-height: 1.6; margin: 0; max-width: 660px; } + } - .solution-content, .feature-content, .community-content, .tuned-content { - flex-wrap: wrap; + .blog-wrap { max-width: 1200px; padding-top: 32px; padding-bottom: 64px; } + .blog-year { + font-size: 14px; font-weight: 700; color: $muted; border: 0; padding: 0; + margin: 28px 0 16px; letter-spacing: .02em; + } - li { - width: 100% !important; - margin-bottom: 12px !important; - } + .blog-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 18px; + } + .blog-card { + position: relative; + display: flex; flex-direction: column; + background: #fff; border: 1px solid $line; border-radius: 14px; + padding: 18px 20px 16px; + transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease; + &:hover { box-shadow: 0 18px 44px -22px rgba(17,24,39,.3); transform: translateY(-3px); border-color: #d6e4f5; } + } + .blog-labels { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; } + .blog-label { + font-size: 10.5px; font-weight: 700; letter-spacing: .03em; + padding: 2px 9px; border-radius: 999px; + background: #eef1f5; color: #5b6573; border: 1px solid #e1e6ee; + } + // label colors + .blog-label[data-label="Release"] { background:#e6f6ec; color:#1a7f43; border-color:#bfe8cd; } + .blog-label[data-label="Tracing"] { background:#fdecde; color:#c2580d; border-color:#f6d4ba; } + .blog-label[data-label="Metrics"] { background:#e2f1fd; color:#1d6fb8; border-color:#c4e1f7; } + .blog-label[data-label="Logging"] { background:#f0e7fd; color:#7c3aed; border-color:#ddccfa; } + .blog-label[data-label="Profiling"] { background:#def5e7; color:#11814b; border-color:#bce8cf; } + .blog-label[data-label="Storage"] { background:#e0f7fa; color:#0e7490; border-color:#bdeaf1; } + .blog-label[data-label="Agents"] { background:#e8eafd; color:#4f46e5; border-color:#d3d7fa; } + .blog-label[data-label="Cloud Native"] { background:#e6f3fe; color:#0369a1; border-color:#c5e4fb; } + .blog-label[data-label="AI"] { background:#fde8f3; color:#be2069; border-color:#f8cbe2; } + .blog-label[data-label="Community"] { background:#eef1f5; color:#5b6573; border-color:#e1e6ee; } + .blog-label[data-label="Engineering"] { background:#fef3e2; color:#b45309; border-color:#fbe0bb; } + + .blog-card-title { + font-size: 17px; font-weight: 700; line-height: 1.35; margin: 0 0 10px; + border: 0; padding: 0; + a { + color: $ink; text-decoration: none; + &::after { content: ""; position: absolute; inset: 0; } // stretched link + &:hover { color: #2c6cb0; } } - .solution-content { - margin-bottom: 0; + } + .blog-card-preview { + font-size: 13.5px; color: $body; line-height: 1.6; margin: 0 0 16px; + display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; + flex: 1; + } + .blog-card-foot { + display: flex; align-items: center; gap: 10px; + font-size: 12px; color: $muted; + border-top: 1px solid $line; padding-top: 12px; + .blog-author { + margin-left: auto; position: relative; z-index: 1; + p { margin: 0; display: inline; } + a { color: $muted; text-decoration: none; &:hover { color: $brand; } } } } + .blog-pagination { + margin-top: 36px; display: flex; justify-content: center; + .pagination { display: flex; gap: 4px; list-style: none; padding: 0; margin: 0; } + .page-link { + display: inline-flex; align-items: center; justify-content: center; + min-width: 36px; height: 36px; padding: 0 10px; + border: 1px solid #DADDE0; border-radius: 8px; background: #fff; + color: $body !important; font-size: 13px; text-decoration: none; + &:hover { background: #eef5fd; } + } + .page-item.active .page-link { background: $brand; border-color: $brand; color: #fff !important; } + } } -@media (max-width: 768px) { - .td-home { - #uiMobileContainer { - display: block; - } - - .ui-container { - display: none; - } +@media (max-width: 992px) { .td-blog .blog-grid { grid-template-columns: 1fr 1fr; } } +@media (max-width: 600px) { + .td-blog { + .blog-grid { grid-template-columns: 1fr; } + .blog-hero { padding-top: calc(4rem + 18px); h1 { font-size: 30px; } } } } -@media (min-width: 1660px) { - .td-home { - .feature-wrapper { - .feature-content { - li { - width: 32.5%; - } - } - } +// ===================================================================== +// Navbar right-side dropdowns — Apache (new ASF oak-leaf) + CN blog +// ===================================================================== +.td-navbar { + // right group as a flex row so search / Apache line up side by side + // (.navbar-nav forces flex-direction:column, so set row explicitly) + .search-input-box { + width: auto; + display: flex !important; flex-direction: row !important; + align-items: center; gap: 10px; + } + .search-input-box .link { float: none; height: auto; line-height: normal; padding-left: 0; } + + .sw-navdd-toggle { + display: inline-flex !important; align-items: center; gap: 6px; + padding: 8px 12px; border-radius: 8px; + color: #4b5563 !important; font-weight: 600; font-size: 14px; + &:hover { background: #eef5fd; color: #1F1F20 !important; } + } + // keep the logos SMALL so they never blow up the dropdown height + .sw-navdd-asf { height: 16px; width: auto; display: inline-block; } + .sw-navdd-cn { + display: inline-grid; place-items: center; + width: 18px; height: 18px; border-radius: 5px; + background: linear-gradient(101.75deg, #E7136C 0%, #FF9900 100%); + color: #fff; font-size: 11px; font-weight: 700; line-height: 1; } -} + // shared dropdown panel + .dropdown-menu.sw-navmenu { + left: auto; right: 0; top: 50px; + width: 264px; padding: 8px; + border: 1px solid #e6e9ee; border-radius: 12px; + box-shadow: 0 18px 44px -18px rgba(17, 24, 39, .32); + background: #fff; + max-height: 72vh; overflow-y: auto; + &.sw-navmenu--wide { width: 304px; } + } + .sw-navmenu-head { + display: flex; align-items: center; gap: 10px; + padding: 6px 10px 12px; margin-bottom: 6px; + border-bottom: 1px solid #e6e9ee; + img { height: 26px; width: auto; display: block; } + .sw-navmenu-cn { + display: inline-grid; place-items: center; + width: 28px; height: 28px; border-radius: 8px; + background: linear-gradient(101.75deg, #E7136C 0%, #FF9900 100%); + color: #fff; font-size: 15px; font-weight: 700; line-height: 1; + } + strong { display: block; font-size: 13px; color: #1F1F20; font-weight: 700; } + span { display: block; font-size: 11px; color: #8a93a3; } + } + .sw-navmenu-item { + display: flex; align-items: center; gap: 8px; + padding: 7px 10px; border-radius: 8px; + color: #4b5563; font-size: 13px; font-weight: 500; text-decoration: none; + span { flex: 1; } + em { font-style: normal; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 10px; color: #aab2c0; } + i { font-size: 10px; color: #aab2c0; } + &:hover { background: #eef5fd; color: #1F1F20; } + } +} diff --git a/content/_index.html b/content/_index.html index dc7e45c61f8..d43da55c8b6 100644 --- a/content/_index.html +++ b/content/_index.html @@ -3,198 +3,203 @@ title = "Apache SkyWalking" linkTitle = "Apache SkyWalking" +++ -<div class="container pt-64"> - {{< contributors-home >}} +<!-- ===== HERO + PRODUCT BENTO (merged) ===== --> +<section class="home-hero"> + <div class="container"> + <div class="hero-top"> + <a class="hero-eyebrow" href="/team/"> + <span class="dot"></span> + Apache Software Foundation project · {{< team-count >}} contributors + </a> + <ul class="hero-stats"> + <li><strong>100B+</strong><span>telemetry / cluster</span></li> + <li><strong>10+ yrs</strong><span>in production</span></li> + </ul> + </div> - <div class="introduction mt-5"> - <h1 class="title-skywalking"> - Apache SkyWalking - <a href="https://github.com/apache/skywalking"; target="_blank" rel="noopener"> - <i class="iconfont icon-github icon-skywalking"></i> - </a> - </h1> - <div class="desc" id="demo"> - Application performance monitor tool for distributed systems, especially designed for - microservices, cloud native and container-based (Kubernetes) architectures. - </div> - <a href="/docs/skywalking-showcase/latest/readme/" target="_blank" rel="noopener"> - <button class="sky-btn primary mr-2">Quick start</button> - </a> - <span class="dropdown demo-wrapper"> - <button class="sky-btn btn-demo dropdown-toggle" type="button" id="dropdownMenuButton" - data-toggle="dropdown"> - Live demo - </button> - <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> - <span class="dropdown-item" href="#">Username: skywalking</span> - <span class="dropdown-item" href="#">Password: skywalking</span> - <span class="dropdown-item" href="#"> - <a href="https://demo.skywalking.apache.org/"; target="_blank" rel="noopener"> - Go to native UI <i class="iconfont icon-arrow-up-right"></i> - </a> - </span> - <span class="dropdown-item" href="#"> - <a href="https://demo.skywalking.apache.org:3000/"; target="_blank" rel="noopener"> - Preview metrics on Grafana <i class="iconfont icon-arrow-up-right"></i> - </a> - </span> + <div class="home-hero-grid"> + <div class="home-hero-text"> + <h1>The observability platform for <span class="accent">cloud-native</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. + </p> + <div class="hero-cta"> + <a href="/docs/skywalking-showcase/latest/readme/" target="_blank" rel="noopener"> + <button class="sky-btn primary">Quick start <span class="hint">5 min</span></button> + </a> + <span class="dropdown demo-wrapper"> + <button class="sky-btn dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown"> + Live demo + </button> + <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> + <span class="dropdown-item">Username: skywalking</span> + <span class="dropdown-item">Password: skywalking</span> + <span class="dropdown-item"> + <a href="https://demo.skywalking.apache.org/"; target="_blank" rel="noopener">Go to UI <i class="iconfont icon-arrow-up-right"></i></a> + </span> + <span class="dropdown-item"> + <a href="https://demo.skywalking.apache.org:3000/"; target="_blank" rel="noopener">Preview on Grafana <i class="iconfont icon-arrow-up-right"></i></a> + </span> + </div> + </span> + <a class="github-pill" href="https://github.com/apache/skywalking"; target="_blank" rel="noopener"> + <i class="iconfont icon-github"></i> Star on GitHub + </a> </div> - </span> + </div> + + <figure class="hero-shot" data-widget="topology"> + <span class="shot-bar"><i></i><i></i><i></i><em>demo.skywalking.apache.org</em></span> + <img loading="eager" src="/images/home/horizon-dashboard.png" alt="SkyWalking services dashboard with topology and active alarms"> + </figure> </div> -</div> -{{< home-banner >}} + <div class="widget-row"> + <figure class="widget-card is-shot" data-widget="trace"> + <img loading="lazy" src="/images/home/horizon-trace.png" alt="SkyWalking trace explorer with span waterfall"> + <figcaption><strong>Distributed tracing</strong><span>Span-by-span waterfalls.</span></figcaption> + </figure> -<div class="solution-wrapper"> - <div class="container"> - <h2 class="title solution-title"> - All-in-one APM solution - </h2> - <ul class="solution-content"> - <li> - <h4>Distributed Tracing</h4> - <p> - End-to-end distributed tracing. Service topology analysis, service-centric observability and APIs - dashboards. - </p> - </li> - <li> - <h4>Agents for your stack</h4> - <p> - Java, .Net Core, PHP, NodeJS, Golang, LUA, Rust, C++, Client JavaScript and Python agents with - active - development and maintenance. - </p> - </li> - <li> - <h4>eBPF early adoption</h4> - <p> - Rover agent works as a monitor and profiler powered by eBPF to monitor Kubernetes deployments and diagnose CPU and network performance. - </p> - </li> - </ul> - <ul class="solution-content"> - <li> - <h4>Scaling</h4> - <p> - 100+ billion telemetry data could be collected and analyzed from one SkyWalking cluster. - </p> - </li> - <li> - <h4>Mature Telemetry Ecosystems Supported</h4> - <p> - Metrics, Traces, and Logs from mature ecosystems are supported, e.g. Zipkin, OpenTelemetry, - Prometheus, - Zabbix, Fluentd - </p> - </li> - <li> - <h4>Native APM Database</h4> - <p> - BanyanDB, an observability database, created in 2022, aims to ingest, analyze and store - telemetry/observability data. - </p> - </li> - </ul> - <ul class="solution-content"> - <li> - <h4>Consistent Metrics Aggregation</h4> - <p> - SkyWalking native meter format and widely known metrics format(OpenCensus, OTLP, Telegraf, Zabbix, - e.g.) are - processed through the same script pipeline. - </p> - </li> - <li> - <h4>Log Management Pipeline</h4> - <p> - Support log formatting, extract metrics, various sampling policies through script pipeline in high - performance. - </p> - </li> - <li> - <h4>Alerting and Telemetry Pipelines</h4> - <p> - Support service-centric, deployment-centric, API-centric alarm rule setting. Support forwarding - alarms and all - telemetry data to 3rd party. - </p> - </li> - </ul> - <ul class="solution-content flex-center"> - <li> - <h4>AI Power Enabled</h4> - <p> - Machine Learning (ML) and Artificial Intelligence (AI) analyze observability data to identify - patterns and enhance capabilities, such as recognizing HTTP URI patterns and automatically - calculating metric baselines for intelligent alerting, improving anomaly detection. - </p> - </li> - </ul> + <figure class="widget-card is-empty" data-widget="logs"> + <div class="widget-ph"><svg viewBox="0 0 24 24" fill="none"><path d="M4 5h16M4 10h12M4 15h16M4 20h10" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg></div> + <figcaption><strong>Logs</strong><span>Trace-correlated log explorer.</span></figcaption> + </figure> + <figure class="widget-card is-empty" data-widget="metrics"> + <div class="widget-ph"><svg viewBox="0 0 24 24" fill="none"><path d="M4 20h16M7 17V9m5 8V5m5 12v-6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg></div> + <figcaption><strong>Metrics & dashboards</strong><span>Customizable widgets and MQE.</span></figcaption> + </figure> + + <figure class="widget-card is-empty" data-widget="rbac"> + <div class="widget-ph"><svg viewBox="0 0 24 24" fill="none"><path d="M12 3l7 3v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6l7-3z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/><path d="M9.5 12l1.8 1.8 3.4-3.6" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></div> + <figcaption><strong>RBAC & alerting</strong><span>Role-based access and alarm rules.</span></figcaption> + </figure> + </div> + </div> +</section> + +<!-- ===== CAPABILITIES ===== --> +<section class="home-section"> + <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> + </div> + <div class="cap-grid"> + <article class="cap-card"> + <span class="cap-tag tracing">Tracing</span> + <h3>End-to-end distributed tracing</h3> + <p>Native plus Zipkin v1/v2 formats. Auto-instrument 10+ languages, eBPF on Kubernetes, and dependency analysis across services and APIs.</p> + <a href="/docs/main/latest/en/concepts-and-designs/overview/">Learn more →</a> + </article> + <article class="cap-card"> + <span class="cap-tag metrics">Metrics</span> + <h3>Metrics pipeline at any scale</h3> + <p>OTLP, native, OpenCensus, Telegraf and Zabbix flow through one MAL script pipeline — 100B+ data points per cluster.</p> + <a href="/docs/main/latest/en/concepts-and-designs/mal/">Learn more →</a> + </article> + <article class="cap-card"> + <span class="cap-tag logging">Logging</span> + <h3>Logs with trace correlation</h3> + <p>Collect from disk or network, auto-bind trace context, extract metrics, sample by policy, and forward anywhere.</p> + <a href="/docs/main/latest/en/setup/backend/log-analyzer/">Learn more →</a> + </article> + <article class="cap-card"> + <span class="cap-tag profiling">Profiling</span> + <h3>Profiling, in-agent and eBPF</h3> + <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> </div> + </div> +</section> - <div class="container" id="arch"> - <img loading="lazy" src="images/home/architecture_2160x720.png" alt="architecture"> +<!-- ===== ECOSYSTEM ===== --> +<section class="home-section ecosystem"> + <div class="container"> + <div class="section-head"> + <span class="eyebrow">ECOSYSTEM</span> + <h2>Built for the stack you already run</h2> + <p>Language agents, service mesh, eBPF, a native observability database, and broad telemetry-format support — vendor-neutral and Apache-governed.</p> </div> -</div> + <div class="eco-grid"> + <div class="eco-card"> + <h4>Agents for your stack</h4> + <p>Java, Go, Python, Node.js, PHP, Rust, .NET, LUA, C++ and Client JavaScript — actively maintained.</p> + </div> + <div class="eco-card"> + <h4>eBPF with Rover</h4> + <p>Monitor and profile Kubernetes deployments and diagnose CPU and network performance with eBPF.</p> + </div> + <div class="eco-card"> + <h4>BanyanDB</h4> + <p>A native observability database built to ingest, analyze and store telemetry at scale.</p> + </div> + <div class="eco-card"> + <h4>AI-assisted analysis</h4> + <p>ML baselines, HTTP URI pattern recognition and anomaly detection for smarter alerting.</p> + </div> + </div> + <div class="formats"> + <span class="formats-label">Telemetry supported natively</span> + <span class="format-chip">OpenTelemetry (OTLP)</span> + <span class="format-chip">Zipkin v1/v2</span> + <span class="format-chip">Prometheus</span> + <span class="format-chip">OpenCensus</span> + <span class="format-chip">Telegraf</span> + <span class="format-chip">Zabbix</span> + <span class="format-chip">Fluentd / Fluent Bit</span> + <span class="format-chip">Apache Kafka</span> + </div> + </div> +</section> -<div class="container feature-wrapper events-wrapper mt-5"> - <h2 class="title">Events & Blogs</h2> +<!-- ===== EVENTS & BLOGS ===== --> +<section class="home-section"> + <div class="container"> + <div class="section-head"> + <span class="eyebrow">LATEST</span> + <h2>Events & blogs</h2> + </div> <ul class="events-content feature-content"> - {{< blocks/events >}} - {{< /blocks/events >}} + {{< blocks/events >}} + {{< /blocks/events >}} </ul> -</div> + </div> +</section> -<div class="container run-wrapper center mt-5"> - <h2 class="title">Ready to get started?</h2> - <div class="run-content"> - <div class="mask"></div> - <div class="content-box"> - <h4>Run SkyWalking in a snap</h4> - <p>Try this demo music application to showcase features of Apache SkyWalking in action.</p> - <div> - <a href="/docs/skywalking-showcase/latest/readme/"> - <button class="sky-btn"> - Quick start - <i class="iconfont icon-arrow-right pull-right"></i> - </button> - </a> - - </div> - <a class="releases mt-4" href="/downloads/">All releases</a> +<!-- ===== COMMUNITY / GET STARTED ===== --> +<section class="home-section"> + <div class="container"> + <div class="get-started"> + <div class="gs-text"> + <h2>Ready to get started?</h2> + <p>Spin up the showcase music application to see Apache SkyWalking in action, then browse every signed release.</p> + <div class="gs-cta"> + <a href="/docs/skywalking-showcase/latest/readme/"><button class="sky-btn primary">Quick start <i class="iconfont icon-arrow-right pull-right"></i></button></a> + <a href="/downloads/"><button class="sky-btn">All releases</button></a> </div> - + </div> </div> -</div> -<div class="container tuned-wrapper feature-wrapper mt-5 mb-5"> - <h2 class="title"> - Stay tuned with SkyWalking - </h2> + {{< contributors-home >}} + <ul class="tuned-content feature-content center"> - <li> - <h4>Questions/bugs?</h4> - <p>Features requests, questions or report bugs? Feel free to - <a href="https://github.com/apache/skywalking/discussions";>open a discussion</a> - or <a href="https://github.com/apache/skywalking/issues";>file an issue</a>.</p> - <img loading="lazy" src="images/home/tuned_q.svg" data-nolightbox="true" alt="questions"> - </li> - <li> - <h4>Join our slack workspace!</h4> - <p>Send "Request to join SkyWalking slack" mail to - <a href="mailto:[email protected]";>[email protected]</a>. - We will invite you in.</p> - <img loading="lazy" src="images/home/tuned_slack.svg" data-nolightbox="true" alt="slack"> - </li> - <li> - <h4>Follow us on Twitter</h4> - <p>For announcement of latest features etc, stay tuned with - <a href="https://twitter.com/asfskywalking";>@ASFSkyWalking</a>. - </p> - <img loading="lazy" src="images/home/tuned_twitter.svg" data-nolightbox="true" alt="twitter"> - </li> + <li> + <h4>Questions or bugs?</h4> + <p>Feature requests, questions, or bug reports — <a href="https://github.com/apache/skywalking/discussions";>open a discussion</a> or <a href="https://github.com/apache/skywalking/issues";>file an issue</a>.</p> + </li> + <li> + <h4>Join our Slack</h4> + <p>Send "Request to join SkyWalking slack" to <a href="mailto:[email protected]";>[email protected]</a> and we will invite you.</p> + </li> + <li> + <h4>Follow on Twitter</h4> + <p>For announcements and the latest features, follow <a href="https://twitter.com/asfskywalking";>@ASFSkyWalking</a>.</p> + </li> </ul> -</div> - + </div> +</section> diff --git a/content/blog/2018-05-24-skywalking-net/index.md b/content/blog/2018-05-24-skywalking-net/index.md index 1b33092cce5..1e1f7d937dd 100755 --- a/content/blog/2018-05-24-skywalking-net/index.md +++ b/content/blog/2018-05-24-skywalking-net/index.md @@ -4,8 +4,7 @@ date: 2018-05-24 author: Haoyang Liu, the major maintainer of SkyWalking .NET Core agent description: "SkyWalking .NET Core SDK is available." tags: -- DotNetCore -- Agent +- Agents --- Translated by Sheng Wu. diff --git a/content/blog/2018-12-12-skywalking-service-mesh-ready/index.md b/content/blog/2018-12-12-skywalking-service-mesh-ready/index.md index 2de75545b1e..5cb61ec63d7 100644 --- a/content/blog/2018-12-12-skywalking-service-mesh-ready/index.md +++ b/content/blog/2018-12-12-skywalking-service-mesh-ready/index.md @@ -4,8 +4,8 @@ date: 2018-12-05 author: Wu Sheng, tetrate description: "The integration of SkyWalking and Istio Service Mesh yields an essential open-source tool for resolving the chaos created by the proliferation of siloed, cloud-based services." tags: -- Service Mesh -- Release Blog +- Release +- Cloud Native --- Original link, [Tetrate.io blog](https://www.tetrate.io/blog/apache-skywalking-v6/) diff --git a/content/blog/2019-01-01-Understand-Trace/index.md b/content/blog/2019-01-01-Understand-Trace/index.md index 4045706fda9..a3bb404279d 100644 --- a/content/blog/2019-01-01-Understand-Trace/index.md +++ b/content/blog/2019-01-01-Understand-Trace/index.md @@ -3,7 +3,6 @@ title: "Understand distributed trace easier in the incoming 6-GA" date: 2019-01-01 author: Wu Sheng(Tetrate) description: "Distributed tracing is a necessary part of modern microservices architecture, but how to understand or use distributed tracing data is unclear to some end users. This blog overviews typical distributed tracing use cases with new visualization features in SkyWalking v6." - tags: - Tracing --- diff --git a/content/blog/2019-01-25-mesh-loadtest/index.md b/content/blog/2019-01-25-mesh-loadtest/index.md index 2520a724ee0..1dc9abf68cf 100644 --- a/content/blog/2019-01-25-mesh-loadtest/index.md +++ b/content/blog/2019-01-25-mesh-loadtest/index.md @@ -4,8 +4,8 @@ date: 2019-01-25 author: Hongtao Gao(Tetrate) description: "Service mesh receiver performance test on Google Kubernetes Engine." tags: -- Performance -- Testing +- Profiling +- Engineering --- - Author: Hongtao Gao, Apache SkyWalking & ShardingShpere PMC diff --git a/content/blog/2019-09-25-alarm-webhook-share/index.md b/content/blog/2019-09-25-alarm-webhook-share/index.md index 5ae50faa2b4..5c939fcb833 100644 --- a/content/blog/2019-09-25-alarm-webhook-share/index.md +++ b/content/blog/2019-09-25-alarm-webhook-share/index.md @@ -4,7 +4,7 @@ date: 2019-09-25 author: Wei Qiang description: " Alerts via SkyWalking alarm webhook for better perception of tracing." tags: -- User Manual +- Engineering --- - Author: Wei Qiang diff --git a/content/blog/2020-01-20-celebrate-200th-contributor/index.md b/content/blog/2020-01-20-celebrate-200th-contributor/index.md index 8076be61c31..b51af5f6a71 100644 --- a/content/blog/2020-01-20-celebrate-200th-contributor/index.md +++ b/content/blog/2020-01-20-celebrate-200th-contributor/index.md @@ -3,6 +3,8 @@ title: "SkyWalking hits 200 contributors mark" date: 2020-01-20 author: Sheng Wu(Tetrate) description: " SkyWalking community joins the 200+ contributors open source club." +tags: +- Community --- - Author: Wu Sheng, tetrate.io, SkyWalking original creator, SkyWalking V.P. diff --git a/content/blog/2020-04-13-apache-skywalking-profiling/index.md b/content/blog/2020-04-13-apache-skywalking-profiling/index.md index 0829bd61830..e781abdd8c2 100644 --- a/content/blog/2020-04-13-apache-skywalking-profiling/index.md +++ b/content/blog/2020-04-13-apache-skywalking-profiling/index.md @@ -5,8 +5,7 @@ author: "Sheng Wu, Adrian Cole and Han Liu" description: "This post introduces a way to automatically profile code in production with Apache SkyWalking. We believe the profile method helps reduce maintenance and overhead while increasing the precision in root cause analysis." tags: - Profiling -- Java -- Agent +- Agents - Tracing --- diff --git a/content/blog/2020-07-26-apdex-and-skywalking/index.md b/content/blog/2020-07-26-apdex-and-skywalking/index.md index 1679198dcad..083cfd17297 100644 --- a/content/blog/2020-07-26-apdex-and-skywalking/index.md +++ b/content/blog/2020-07-26-apdex-and-skywalking/index.md @@ -3,6 +3,8 @@ title: "The Apdex Score for Measuring Service Mesh Health" date: 2020-07-26 author: Srinivasan Ramaswamy(Tetrate) description: " In managing Service Mesh Health, Asking `How are you' is more profound than `What are your symptoms'. Apdex goes a long way in helping this." +tags: +- Cloud Native --- - Author: Srinivasan Ramaswamy, tetrate diff --git a/content/blog/2020-08-03-skywalking8-1-release/index.md b/content/blog/2020-08-03-skywalking8-1-release/index.md index 7d7aea51c7f..1bb3df636d3 100644 --- a/content/blog/2020-08-03-skywalking8-1-release/index.md +++ b/content/blog/2020-08-03-skywalking8-1-release/index.md @@ -4,9 +4,8 @@ date: 2020-08-03 author: Srinivasan Ramaswamy(Tetrate) description: " SpringSleuth metrics, endpoint dependency detection, Kafka transport traces and metrics." tags: -- Release Blog -- Kafka -- Spring +- Release +- Agents --- - Author: Sheng Wu, Hongtao Gao, and Tevah Platt(Tetrate) diff --git a/content/blog/2020-08-11-observability-at-scale/index.md b/content/blog/2020-08-11-observability-at-scale/index.md index 46e26dc9b8c..d954debb97a 100644 --- a/content/blog/2020-08-11-observability-at-scale/index.md +++ b/content/blog/2020-08-11-observability-at-scale/index.md @@ -3,6 +3,8 @@ title: "Observability at Scale: SkyWalking it is" date: 2020-08-11 author: Sheng Wu(Tetrate) description: " SkyWalking evolved to address the problem of observability at scale, and grew from a pure tracing system to a feature-rich observability platform that is now used to analyze deployments that collect tens of billions of traces per day. " +tags: +- Community --- - Author: Sheng Wu diff --git a/content/blog/2020-10-29-skywalking8-2-release/index.md b/content/blog/2020-10-29-skywalking8-2-release/index.md index 9b359482e25..32dc31df01a 100644 --- a/content/blog/2020-10-29-skywalking8-2-release/index.md +++ b/content/blog/2020-10-29-skywalking8-2-release/index.md @@ -4,8 +4,8 @@ date: 2020-10-29 author: Zhenxu Ke, Sheng Wu, Hongtao Gao, and Tevah Platt. tetrate.io description: "Browser Side Monitoring; Query Traces by Tags; Meter Analysis Language; Composite Alert Rules" tags: -- Release Blog -- Browser +- Release +- Agents ---  diff --git a/content/blog/2020-11-21-apachecon-keynote/index.md b/content/blog/2020-11-21-apachecon-keynote/index.md index 09b9fda8501..7f169fe100e 100644 --- a/content/blog/2020-11-21-apachecon-keynote/index.md +++ b/content/blog/2020-11-21-apachecon-keynote/index.md @@ -4,8 +4,7 @@ date: 2020-11-20 author: Sheng Wu, Founding Engineer, Tetrate.io description: "ApacheCon@Home 2020 Keynote, the progress about China embracing the Apache culture, and willing of enhancing the whole Apache community." tags: -- Conference -- Video +- Community --- Sheng Wu is a founding engineer at tetrate.io, leads the observability for service mesh and hybrid cloud. A searcher, evangelist, and developer in the observability, distributed tracing, and APM. He is a member of the Apache Software Foundation. Love open source software and culture. Created the Apache SkyWalking project and being its VP and PMC member. Co-founder and PMC member of Apache ShardingSphere. Also as a PMC member of Apache Incubator and APISIX. He is awarded as Microsoft MVP, [...] diff --git a/content/blog/2020-11-21-apachecon-obs-apisix/index.md b/content/blog/2020-11-21-apachecon-obs-apisix/index.md index 7c713098dfc..dad23aaa087 100644 --- a/content/blog/2020-11-21-apachecon-obs-apisix/index.md +++ b/content/blog/2020-11-21-apachecon-obs-apisix/index.md @@ -4,8 +4,7 @@ date: 2020-11-21 author: Yuansheng Wang. Apache APISIX PMC member. description: "ApacheCon@Home 2020 Observability Track" tags: -- Conference -- Video +- Community --- Apache APISIX is a cloud-native microservices API gateway, delivering the ultimate performance, security, open-source and scalable platform for all your APIs and microservices. Apache SkyWalking: an APM(application performance monitor) system, especially designed for microservices, cloud-native and container-based (Docker, Kubernetes, Mesos) architectures. Through the powerful plug-in mechanism of Apache APISIX, Apache Skywalking is quickly supported, so that we can see the complete life [...] diff --git a/content/blog/2020-11-21-apachecon-obs-shardingsphere/index.md b/content/blog/2020-11-21-apachecon-obs-shardingsphere/index.md index b3a807a48ed..503d7f53414 100644 --- a/content/blog/2020-11-21-apachecon-obs-shardingsphere/index.md +++ b/content/blog/2020-11-21-apachecon-obs-shardingsphere/index.md @@ -4,8 +4,7 @@ date: 2020-11-21 author: Juan Pan. Apache ShardingSphere PMC member. description: "ApacheCon@Home 2020 Observability Track" tags: -- Conference -- Video +- Community --- The APM system provides the tracing or metrics for distributed systems or microservice architectures. Back to APM themselves, they always need backend storage to store the necessary massive data. What are the features required for backend storage? Simple, fewer dependencies, widely used query language, and the efficiency could be into your consideration. Based on that, traditional SQL databases (like MySQL) or NoSQL databases would be better choices. However, this topic will present anot [...] diff --git a/content/blog/2020-11-21-apachecon-obs-sourcemarker/index.md b/content/blog/2020-11-21-apachecon-obs-sourcemarker/index.md index d352039826e..9127ebf1859 100644 --- a/content/blog/2020-11-21-apachecon-obs-sourcemarker/index.md +++ b/content/blog/2020-11-21-apachecon-obs-sourcemarker/index.md @@ -4,8 +4,7 @@ date: 2020-11-21 author: Brandon Fergerson. Apache SkyWalking committer. description: "ApacheCon@Home 2020 Observability Track" tags: -- Conference -- Video +- Community --- Today's monitoring solutions are geared towards operational tasks, displaying behavior as time-series graphs inside dashboards and other abstractions. These abstractions are immensely useful but are largely designed for software operators, whose responsibilities require them to think in systems, rather than the underlying source code. This is problematic given that an ongoing trend of software development is the blurring boundaries between building and operating software. This trend make [...] diff --git a/content/blog/2020-11-21-apachecon-obs-storage/index.md b/content/blog/2020-11-21-apachecon-obs-storage/index.md index 1502eafdee1..8abc6458950 100644 --- a/content/blog/2020-11-21-apachecon-obs-storage/index.md +++ b/content/blog/2020-11-21-apachecon-obs-storage/index.md @@ -4,8 +4,7 @@ date: 2020-11-21 author: Hongtao Gao. Apache SkyWalking PMC member. Tetrate.io description: "ApacheCon@Home 2020 Observability Track" tags: -- Conference -- Video +- Community --- Over the past few years, and coupled with the growing adoption of microservices, distributed tracing has emerged as one of the most commonly used monitoring and troubleshooting methodologies. New tracing tools are increasingly being introduced, driving adoption even further. One of these tools is Apache SkyWalking, a popular open-source tracing, and APM platform. This talk explores the history of the SkyWalking storage module, shows the evolution of distributed tracing storage layers, fr [...] diff --git a/content/blog/2020-11-25-skywalking-satellite-0.1.0-design/index.md b/content/blog/2020-11-25-skywalking-satellite-0.1.0-design/index.md index ad574d7d7a9..54c4eb95389 100644 --- a/content/blog/2020-11-25-skywalking-satellite-0.1.0-design/index.md +++ b/content/blog/2020-11-25-skywalking-satellite-0.1.0-design/index.md @@ -4,8 +4,8 @@ date: 2020-11-25 author: Jiapeng Liu. Apache SkyWalking Committer. description: "The design of Satellite 0.1.0. The structure of the project would follow this design." tags: -- Design -- Satellite +- Agents +- Engineering --- diff --git a/content/blog/2020-12-03-obs-service-mesh-with-sw-and-als/index.md b/content/blog/2020-12-03-obs-service-mesh-with-sw-and-als/index.md index c699f318320..454d54ba621 100644 --- a/content/blog/2020-12-03-obs-service-mesh-with-sw-and-als/index.md +++ b/content/blog/2020-12-03-obs-service-mesh-with-sw-and-als/index.md @@ -4,7 +4,7 @@ date: 2020-12-03 author: Zhenxu Ke, Sheng Wu, and Tevah Platt. tetrate.io description: In this tutorial, learn how to use Apache SkyWalking for service mesh observability without Istio Mixer tags: -- Service Mesh +- Cloud Native ---  diff --git a/content/blog/2021-01-01-300-contributors-mark/index.md b/content/blog/2021-01-01-300-contributors-mark/index.md index 569b4cea51e..99f463c5484 100644 --- a/content/blog/2021-01-01-300-contributors-mark/index.md +++ b/content/blog/2021-01-01-300-contributors-mark/index.md @@ -3,6 +3,8 @@ title: "Celebrate SkyWalking single repository hits the 300 contributors mark" date: 2020-12-22 author: Sheng Wu, Tetrate.io, Apache SkyWalking Creator. [GitHub](https://github.com/wu-sheng) [Twitter](https://twitter.com/wusheng1108) [Linkedin](https://www.linkedin.com/in/wusheng1108) description: "SkyWalking hits 300 contributors mark at one single repository" +tags: +- Community --- Apache SkyWalking is an open source APM for distributed system. Provide tracing, service mesh observability, metrics analysis, alarm and visualization. diff --git a/content/blog/2021-01-17-elastic-change-license/index.md b/content/blog/2021-01-17-elastic-change-license/index.md index 23e5ccec345..0fbb886e033 100644 --- a/content/blog/2021-01-17-elastic-change-license/index.md +++ b/content/blog/2021-01-17-elastic-change-license/index.md @@ -4,7 +4,7 @@ date: 2021-01-17 author: Sheng Wu, Tetrate.io, Apache SkyWalking Creator. [GitHub](https://github.com/wu-sheng) [Twitter](https://twitter.com/wusheng1108) [Linkedin](https://www.linkedin.com/in/wusheng1108) description: "Elastic Search server doesn't release under Apache 2.0 anymore. What is the impact to the SkyWalking project?" tags: -- License +- Community --- [Elastic](https://elastic.co) announced their license change, [**Upcoming licensing changes to Elasticsearch and Kibana**.](https://www.elastic.co/blog/licensing-change) diff --git a/content/blog/2021-01-23-tencent-cloud-violates-aplv2/index.md b/content/blog/2021-01-23-tencent-cloud-violates-aplv2/index.md index dfe4c9fddee..743b2623b8d 100644 --- a/content/blog/2021-01-23-tencent-cloud-violates-aplv2/index.md +++ b/content/blog/2021-01-23-tencent-cloud-violates-aplv2/index.md @@ -4,7 +4,7 @@ date: 2021-01-22 author: Apache SkyWalking description: "Tencent Cloud Service, Tencent Service Watcher - TSW, have been reported as it violates Apache 2.0 License requirements." tags: -- License +- Community --- [Apache SkyWalking](https://skywalking.apache.org) is an open source APM for distributed system, Apache Software Foundation top-level project. diff --git a/content/blog/2021-02-01-e2e-verifier-design/index.md b/content/blog/2021-02-01-e2e-verifier-design/index.md index 7c22d808f7b..5ff9e62fbf0 100644 --- a/content/blog/2021-02-01-e2e-verifier-design/index.md +++ b/content/blog/2021-02-01-e2e-verifier-design/index.md @@ -3,9 +3,8 @@ title: "[Design] The Verifier of NGE2E" date: 2021-02-01 author: "[Zhenxu Ke](https://github.com/kezhenxu94), Tetrate.io; [Huaxi Jiang](http://github.com/fgksgf), Committer; [Ke Zhang](http://github.com/HumbertZhang), Committer" description: "The design of Next Generation End-to-End Testing Framework Verifier" - tags: -- Testing +- Engineering --- ## Background diff --git a/content/blog/2021-02-07-infrastructure-monitoring/index.md b/content/blog/2021-02-07-infrastructure-monitoring/index.md index af3bdd57824..0c377abe058 100644 --- a/content/blog/2021-02-07-infrastructure-monitoring/index.md +++ b/content/blog/2021-02-07-infrastructure-monitoring/index.md @@ -4,7 +4,7 @@ date: 2021-02-08 author: Kai Wan, Sheng Wu. tetrate.io description: In this tutorial, learn how to use Apache SkyWalking for infrastructure monitoring tags: -- Infrastructure Monitoring +- Metrics ---  diff --git a/content/blog/2021-02-09-skywalking-trace-threadpool/index.md b/content/blog/2021-02-09-skywalking-trace-threadpool/index.md index dc76cad8495..17d6fe802ee 100644 --- a/content/blog/2021-02-09-skywalking-trace-threadpool/index.md +++ b/content/blog/2021-02-09-skywalking-trace-threadpool/index.md @@ -5,8 +5,7 @@ author: "Binglong Li" description: "This post introduces how to propagate context between threads when using ThreadPoolExecutor, which SkyWalking agent should not enhance" tags: -- Java -- Agent +- Agents - Tracing --- diff --git a/content/blog/2021-03-16-continuous-feedback/index.md b/content/blog/2021-03-16-continuous-feedback/index.md index 30edb2849a6..3df04b751cc 100644 --- a/content/blog/2021-03-16-continuous-feedback/index.md +++ b/content/blog/2021-03-16-continuous-feedback/index.md @@ -5,8 +5,8 @@ author: "Brandon Fergerson" description: "The JetBrains plugin providing continuous feedback capabilities via Apache SkyWalking." tags: - Tracing -- Logs -- Design +- Logging +- Engineering ---  diff --git a/content/blog/2021-05-09-OpenSearch-supported/index.md b/content/blog/2021-05-09-OpenSearch-supported/index.md index e14657541ef..1879ca8d3c8 100644 --- a/content/blog/2021-05-09-OpenSearch-supported/index.md +++ b/content/blog/2021-05-09-OpenSearch-supported/index.md @@ -4,7 +4,7 @@ date: 2021-05-09 author: Sheng Wu, Tetrate.io, Apache SkyWalking Creator. [GitHub](https://github.com/wu-sheng) [Twitter](https://twitter.com/wusheng1108) [Linkedin](https://www.linkedin.com/in/wusheng1108) description: "Elasticsearch server doesn't release under Apache 2.0 anymore. But we have another open option in OpenSearch project." tags: -- License +- Community --- We posted our [**Response to Elastic 2021 License Change**](/blog/2021-01-17-elastic-change-license/) blog 4 months ago. It doesn't have a big impact in diff --git a/content/blog/2021-07-12-500-contributors-mark/index.md b/content/blog/2021-07-12-500-contributors-mark/index.md index 78175de31ad..3d9f3d2fc5a 100644 --- a/content/blog/2021-07-12-500-contributors-mark/index.md +++ b/content/blog/2021-07-12-500-contributors-mark/index.md @@ -6,6 +6,8 @@ description: "SkyWalking has over 500 contributors based on GitHub repository st startTime: 2021-07-01T00:00:00Z endTime: 2021-08-01T10:00:00Z poster: /images/500-mark.png +tags: +- Community ---  diff --git a/content/blog/2021-08-01-skywalking-8-intro/index.md b/content/blog/2021-08-01-skywalking-8-intro/index.md index ab316994223..f70ef475ec6 100644 --- a/content/blog/2021-08-01-skywalking-8-intro/index.md +++ b/content/blog/2021-08-01-skywalking-8-intro/index.md @@ -3,9 +3,8 @@ title: "[Webinar] SkyWalking 8.x Introduction" date: 2021-08-04 author: Sheng Wu, Tetrate.io, Apache SkyWalking Creator. [GitHub](https://github.com/wu-sheng) [Twitter](https://twitter.com/wusheng1108) [Linkedin](https://www.linkedin.com/in/wusheng1108) description: "Introduce the concepts of Apache SkyWalking, why we built it, and how we build it." - tags: -- Video +- Community --- [GOUP](https://www.linkedin.com/company/goupaz/) hosted a webinar, and invited [Sheng Wu](https://twitter.com/wusheng1108) to introduce diff --git a/content/blog/2021-09-12-skywalking-python-profiling/index.md b/content/blog/2021-09-12-skywalking-python-profiling/index.md index ff70c145547..ab1aa3a8159 100644 --- a/content/blog/2021-09-12-skywalking-python-profiling/index.md +++ b/content/blog/2021-09-12-skywalking-python-profiling/index.md @@ -3,11 +3,9 @@ title: "SkyWalking Python Agent Supports Profiling Now" date: "2021-09-12" author: "[Ke Zhang](http://github.com/HumbertZhang), Committer; [Sheng Wu](https://github.com/wu-sheng), Tetrate.io, Apache SkyWalking Creator; [Zhenxu Ke](https://github.com/kezhenxu94), Tetrate.io." description: "This post introduces how to use profiling in SkyWalking Python Agent and the mechanism of profiling." - tags: - Profiling -- Python -- Agent +- Agents --- The Java Agent of Apache SkyWalking has supported profiling since [v7.0.0](https://github.com/apache/skywalking/releases/tag/v7.0.0), and it enables users to troubleshoot the root cause of performance issues, and now we bring it into Python Agent. diff --git a/content/blog/2021-11-23-design-of-iotdb-storage-option/index.md b/content/blog/2021-11-23-design-of-iotdb-storage-option/index.md index d346b5617e8..d8960f7c0f4 100644 --- a/content/blog/2021-11-23-design-of-iotdb-storage-option/index.md +++ b/content/blog/2021-11-23-design-of-iotdb-storage-option/index.md @@ -3,10 +3,8 @@ title: "The Design of Apache IoTDB Storage Option" date: "2021-11-23" author: "[Wei Liu](https://github.com/LIU-WEI-git), School of Computer Science, NPU, China" description: "This is an introduction to IoTDB Storage Option. It introduces some basic concept about IoTDB and the storage schema design." - tags: - Storage -- IoTDB --- This plugin is one of the outcomes of [Apache IoTDB - Apache SkyWalking Adapter](https://summer.iscas.ac.cn/#/org/prodetail/210070771) in [Summer 2021 of Open Source Promotion Plan](https://summer.iscas.ac.cn/#/homepage). The design and development work is under the guidance of [@jixuan1989](https://github.com/jixuan1989) from IoTDB and [@wu-sheng](https://github.com/wu-sheng) from SkyWalking. Thanks for their guidance and the help from community. diff --git a/content/blog/2021-12-06-extend-skywalking-with-nbb/index.md b/content/blog/2021-12-06-extend-skywalking-with-nbb/index.md index 94bb22a563b..dc11cdd10ac 100644 --- a/content/blog/2021-12-06-extend-skywalking-with-nbb/index.md +++ b/content/blog/2021-12-06-extend-skywalking-with-nbb/index.md @@ -4,7 +4,7 @@ author: "Brandon Fergerson" date: 2021-12-06 description: "SkyWalking is designed for easy customization, and with the latest release of Source++, it is now easier than ever to add non-breaking breakpoints to existing SkyWalking installations." tags: -- Observability +- Community --- Non-breaking breakpoints are breakpoints specifically designed for live production environments. With non-breaking breakpoints, reproducing production bugs locally or in staging is conveniently replaced with capturing them directly in production. diff --git a/content/blog/2021-12-08-apisix-integrate-skywalking-plugin/apisix-integrate-skywalking-plugin.md b/content/blog/2021-12-08-apisix-integrate-skywalking-plugin/apisix-integrate-skywalking-plugin.md index 913fd32a8da..5c0a42d36e4 100644 --- a/content/blog/2021-12-08-apisix-integrate-skywalking-plugin/apisix-integrate-skywalking-plugin.md +++ b/content/blog/2021-12-08-apisix-integrate-skywalking-plugin/apisix-integrate-skywalking-plugin.md @@ -4,8 +4,7 @@ author: "[Haochao Zhuang](https://github.com/dmsolr)" date: 2021-12-08 description: "This paper mainly introduces two Apache APISIX integrated SkyWalking log plug-ins to provide a more convenient operation and environment for log processing in Apache APISIX." tags: -- Observability -- APISIX +- Agents --- In the field of observability, the three main directions of data collection and analysis, Metrics, Logger and Tracing, are usually used to achieve insight into the operational status of applications. diff --git a/content/blog/2021-12-08-application-guide-of-iotdb-storage-option/index.md b/content/blog/2021-12-08-application-guide-of-iotdb-storage-option/index.md index cb58f190a8c..ee73ea8ef30 100644 --- a/content/blog/2021-12-08-application-guide-of-iotdb-storage-option/index.md +++ b/content/blog/2021-12-08-application-guide-of-iotdb-storage-option/index.md @@ -3,10 +3,8 @@ title: "The Application Guide of Apache IoTDB Storage Option" date: "2021-12-08" author: "[Wei Liu](https://github.com/LIU-WEI-git), School of Computer Science, NPU, China" description: "This guide will tell you how to use SkyWalking Showcase to run demo applications or start manually step by step. In addition, it introduces some methods about visiting IoTDB server and gives some query SQLs as example." - tags: - Storage -- IoTDB --- This document is one of the outcomes of [Apache IoTDB - Apache SkyWalking Adapter](https://summer.iscas.ac.cn/#/org/prodetail/210070771) in [Summer 2021 of Open Source Promotion Plan](https://summer.iscas.ac.cn/#/homepage). The design and development work is under the guidance of [@jixuan1989](https://github.com/jixuan1989) from IoTDB and [@wu-sheng](https://github.com/wu-sheng) from SkyWalking. Thanks for their guidance and the help from community. diff --git a/content/blog/2021-12-13-skywalking-nginx-agent-integration/index.md b/content/blog/2021-12-13-skywalking-nginx-agent-integration/index.md index 2a5138a6382..070e2873d98 100644 --- a/content/blog/2021-12-13-skywalking-nginx-agent-integration/index.md +++ b/content/blog/2021-12-13-skywalking-nginx-agent-integration/index.md @@ -4,7 +4,7 @@ date: 2021-12-13 author: shiyan.xiong, the user of skywalking description: "provide a path to integrate skywalking-nginx-lua to nginx and avoid you falling pit" tags: -- Nginx +- Agents --- diff --git a/content/blog/2021-12-21-better-observability-for-chaos-engineering/index.md b/content/blog/2021-12-21-better-observability-for-chaos-engineering/index.md index 6aff85c2944..636b4e16761 100644 --- a/content/blog/2021-12-21-better-observability-for-chaos-engineering/index.md +++ b/content/blog/2021-12-21-better-observability-for-chaos-engineering/index.md @@ -2,7 +2,8 @@ title: 'Chaos Mesh + SkyWalking: Better Observability for Chaos Engineering' date: 2021-12-21 author: Ningxuan Wang -tags: [Chaos Mesh, Chaos Engineering, Tutorial] +tags: +- Cloud Native ---  diff --git a/content/blog/2022-01-24-scaling-with-apache-skywalking/index.md b/content/blog/2022-01-24-scaling-with-apache-skywalking/index.md index 5a5641b397a..36bf6871817 100644 --- a/content/blog/2022-01-24-scaling-with-apache-skywalking/index.md +++ b/content/blog/2022-01-24-scaling-with-apache-skywalking/index.md @@ -3,9 +3,8 @@ title: "Scaling with Apache SkyWalking" date: 2022-01-24 author: Han Liu, Sheng Wu description: "Introduce how to load balance the traffic between SkyWalking backend and agent through SkyWalking Satellite" - tags: -- Performance +- Profiling --- ## Background diff --git a/content/blog/2022-01-28-volcengine-violates-aplv2/index.md b/content/blog/2022-01-28-volcengine-violates-aplv2/index.md index 80ab6896c48..a58205e5b12 100644 --- a/content/blog/2022-01-28-volcengine-violates-aplv2/index.md +++ b/content/blog/2022-01-28-volcengine-violates-aplv2/index.md @@ -4,7 +4,7 @@ date: 2022-01-28 author: Apache SkyWalking description: "Volcengine Inc.(火山引擎) Application Performance Monitoring - Distributed Tracing (应用性能监控全链路版) redistributed Apache SkyWalking illegally. They don't follow the Apache 2.0 License requirements" tags: -- License +- Community --- [Apache SkyWalking](https://skywalking.apache.org) is an open-source APM for a distributed system, Apache Software Foundation top-level project. diff --git a/content/blog/2022-04-14-integrating-skywalking-with-source-code/index.md b/content/blog/2022-04-14-integrating-skywalking-with-source-code/index.md index ad9356bb569..6eeea2dacff 100644 --- a/content/blog/2022-04-14-integrating-skywalking-with-source-code/index.md +++ b/content/blog/2022-04-14-integrating-skywalking-with-source-code/index.md @@ -4,7 +4,7 @@ author: "Brandon Fergerson" date: 2022-04-14 description: "In this article, we will introduce a new concept in Source++, the open-source live-coding platform, specifically designed to allow developers to monitor production applications more intuitively." tags: -- Observability +- Community --- ## Introduction diff --git a/content/blog/2022-04-19-How-to-use-the-java-agent-injector/index.md b/content/blog/2022-04-19-How-to-use-the-java-agent-injector/index.md index 504737906ec..fbd311585de 100644 --- a/content/blog/2022-04-19-How-to-use-the-java-agent-injector/index.md +++ b/content/blog/2022-04-19-How-to-use-the-java-agent-injector/index.md @@ -3,9 +3,8 @@ title: "How to use the java agent injector?" date: 2022-04-19 author: "[Ye Cao](https://github.com/dashanji), Apache SkyWalking Committer; [Hongtao Gao](https://github.com/hanahmily), Apache SkyWalking PMC member, Tetrate.io." description: "Introduce how to quickly get started the java agent injector based on SWCK" - tags: -- User Manual +- Engineering --- ### content: diff --git a/content/blog/2022-05-08-Apache-ShenYu(incubating)-Integrated-Skywalking-Practice-Observability/index.md b/content/blog/2022-05-08-Apache-ShenYu(incubating)-Integrated-Skywalking-Practice-Observability/index.md index 28fea6f3074..7a594887022 100644 --- a/content/blog/2022-05-08-Apache-ShenYu(incubating)-Integrated-Skywalking-Practice-Observability/index.md +++ b/content/blog/2022-05-08-Apache-ShenYu(incubating)-Integrated-Skywalking-Practice-Observability/index.md @@ -4,12 +4,9 @@ date: 2022-05-08 author: hutaishi description: This article introduces the principle of ShenYu(incubating) plugin implementation and the observability practice of ShenYu(incubating) gateway tags: -- SkyWalking -- Apache ShenYu (incubating) -- Observability +- Agents - Tracing - Metrics -- Logging --- ### Content diff --git a/content/blog/2022-07-05-pinpoint-service-mesh-critical-performance-impact-by-using-ebpf/index.md b/content/blog/2022-07-05-pinpoint-service-mesh-critical-performance-impact-by-using-ebpf/index.md index 617381f04dd..de44e121523 100644 --- a/content/blog/2022-07-05-pinpoint-service-mesh-critical-performance-impact-by-using-ebpf/index.md +++ b/content/blog/2022-07-05-pinpoint-service-mesh-critical-performance-impact-by-using-ebpf/index.md @@ -4,11 +4,8 @@ date: 2022-07-05 author: Han Liu, Sheng Wu description: Introducing performance analysis in production with SkyWalking Rover tags: -- SkyWalking -- Observability -- eBPF -- service mesh -- profiling +- Profiling +- Cloud Native --- ### Content diff --git a/content/blog/2022-08-11-kongcast-20-distributed-tracing-using-skywalking-kong/index.md b/content/blog/2022-08-11-kongcast-20-distributed-tracing-using-skywalking-kong/index.md index f4f1629c4bd..4fd03928a93 100644 --- a/content/blog/2022-08-11-kongcast-20-distributed-tracing-using-skywalking-kong/index.md +++ b/content/blog/2022-08-11-kongcast-20-distributed-tracing-using-skywalking-kong/index.md @@ -4,12 +4,9 @@ date: 2022-08-11 author: Andrew Kew. QuadCorps Founder [GitHub](https://github.com/andrewgkew) [Linkedin](https://www.linkedin.com/in/andrewgkew) [Website](https://quadcorps.co.uk) description: Kongcast Episode 20 - Distributed Tracing on Kubernetes tags: -- SkyWalking -- Observability -- Kong -- Conference -- Video -- Demo +- Agents +- Engineering +- Community --- Observability essential when working with distributed systems. Built on 3 pillars of metrics, logging and diff --git a/content/blog/2022-12-13-how-to-run-apache-skywalking-on-aws-eks-rds/index.md b/content/blog/2022-12-13-how-to-run-apache-skywalking-on-aws-eks-rds/index.md index 964aa8367bc..a7d931ac989 100644 --- a/content/blog/2022-12-13-how-to-run-apache-skywalking-on-aws-eks-rds/index.md +++ b/content/blog/2022-12-13-how-to-run-apache-skywalking-on-aws-eks-rds/index.md @@ -4,12 +4,9 @@ date: 2022-12-13 author: "[Zhenxu Ke](https://github.com/kezhenxu94)" description: "Introduce how to quickly set up Apache SkyWalking on AWS EKS and RDS/Aurora" tags: -- SkyWalking -- Observability -- Demo -- AWS -- RDS -- Aurora +- Cloud Native +- Storage +- Engineering --- ## Introduction diff --git a/content/blog/2023-01-03-aliyun-copy-page/index.md b/content/blog/2023-01-03-aliyun-copy-page/index.md index e0715c86805..2c08f2f5a3f 100644 --- a/content/blog/2023-01-03-aliyun-copy-page/index.md +++ b/content/blog/2023-01-03-aliyun-copy-page/index.md @@ -4,7 +4,7 @@ date: 2023-01-03 author: Apache SkyWalking description: "Aliyun's trace analysis service copied SkyWalking's UI design but declares it as their codes, rather than a fork." tags: -- License +- Community --- [Apache SkyWalking](https://skywalking.apache.org) is an open-source APM for a distributed system, Apache Software Foundation top-level project. diff --git a/content/blog/2023-03-12-skywalking-aws-s3-eks/index.md b/content/blog/2023-03-12-skywalking-aws-s3-eks/index.md index 7184427acea..14f837ffb57 100644 --- a/content/blog/2023-03-12-skywalking-aws-s3-eks/index.md +++ b/content/blog/2023-03-12-skywalking-aws-s3-eks/index.md @@ -3,6 +3,8 @@ title: "Monitoring AWS EKS and S3 with SkyWalking" date: 2023-03-12 author: Puguang Yang description: This article shows how to use SkyWalking to monitor EKS and S3. +tags: +- Community ---  diff --git a/content/blog/2023-03-13-skywalking-aws-dynamodb/index.md b/content/blog/2023-03-13-skywalking-aws-dynamodb/index.md index ceb79667e69..db774f42818 100644 --- a/content/blog/2023-03-13-skywalking-aws-dynamodb/index.md +++ b/content/blog/2023-03-13-skywalking-aws-dynamodb/index.md @@ -3,6 +3,8 @@ title: "Monitoring DynamoDB with SkyWalking" date: 2023-03-13 author: Yueqin Zhang description: This article shows how to use SkyWalking to monitor DynamoDB. +tags: +- Community --- diff --git a/content/blog/2023-03-17-build-grafana-dashboards-for-apache-skywalking-native-promql-support/index.md b/content/blog/2023-03-17-build-grafana-dashboards-for-apache-skywalking-native-promql-support/index.md index 9b80f75eea1..2a0d5e971ae 100644 --- a/content/blog/2023-03-17-build-grafana-dashboards-for-apache-skywalking-native-promql-support/index.md +++ b/content/blog/2023-03-17-build-grafana-dashboards-for-apache-skywalking-native-promql-support/index.md @@ -4,9 +4,7 @@ date: 2023-03-16 author: "Kai Wan" description: "Introduce what is PromQL Service in SkyWalking and how to use it to build Grafana dashboards." tags: -- PromQL -- Metric -- Grafana +- Metrics --- ## Background diff --git a/content/blog/2023-06-01-quick-start-with-skywalking-go-agent/index.md b/content/blog/2023-06-01-quick-start-with-skywalking-go-agent/index.md index fc05445e9f0..43532295d36 100644 --- a/content/blog/2023-06-01-quick-start-with-skywalking-go-agent/index.md +++ b/content/blog/2023-06-01-quick-start-with-skywalking-go-agent/index.md @@ -4,8 +4,7 @@ date: 2023-06-01 author: "Han Liu" description: "Demonstrates how to integrate your application with SkyWalking Go and view the results in the SkyWalking UI." tags: -- Golang -- Agent +- Agents - Tracing --- diff --git a/content/blog/2023-06-13-celebrate-22k-stars/index.md b/content/blog/2023-06-13-celebrate-22k-stars/index.md index 390a5c350c1..418cb5792e7 100644 --- a/content/blog/2023-06-13-celebrate-22k-stars/index.md +++ b/content/blog/2023-06-13-celebrate-22k-stars/index.md @@ -6,6 +6,8 @@ description: "The Apache SkyWalking community is thrilled to reach the milestone startTime: 2023-06-13T00:00:00Z endTime: 2023-06-30T10:00:00Z poster: /blog/2023-06-13-celebrate-22k-stars/skywalking-22k-post.gif +tags: +- Community --- # Celebrating 22k Stars! diff --git a/content/blog/2023-06-25-intruducing-continuous-profiling-skywalking-with-ebpf/index.md b/content/blog/2023-06-25-intruducing-continuous-profiling-skywalking-with-ebpf/index.md index 9080dfcb4c0..5f0f0e1b1be 100644 --- a/content/blog/2023-06-25-intruducing-continuous-profiling-skywalking-with-ebpf/index.md +++ b/content/blog/2023-06-25-intruducing-continuous-profiling-skywalking-with-ebpf/index.md @@ -4,7 +4,6 @@ date: 2023-06-25 author: "Han Liu" description: "Introduce and demonstrate how SkyWalking implements eBPF-based process monitoring with few manual engagements. The profiling could be automatically activated driven by the preset conditions." tags: -- eBPF - Profiling - Tracing --- diff --git a/content/blog/2023-07-31-skywalking-go-0.2.0-release/index.md b/content/blog/2023-07-31-skywalking-go-0.2.0-release/index.md index a8cc08474fa..81f6aef6102 100644 --- a/content/blog/2023-07-31-skywalking-go-0.2.0-release/index.md +++ b/content/blog/2023-07-31-skywalking-go-0.2.0-release/index.md @@ -4,8 +4,7 @@ date: 2023-07-31 author: "Han Liu" description: "Introduction the new features of SkyWalking Go 0.2.0" tags: -- Golang -- Agent +- Agents - Metrics - Logging --- diff --git a/content/blog/2023-08-13-hashicorp-bsl/index.md b/content/blog/2023-08-13-hashicorp-bsl/index.md index e0bacea2c03..17b3e3ee30e 100644 --- a/content/blog/2023-08-13-hashicorp-bsl/index.md +++ b/content/blog/2023-08-13-hashicorp-bsl/index.md @@ -5,6 +5,8 @@ author: "Apache SkyWalking" description: "HashiCorp announced to adopt the Business Source License from Mozilla Public License v2.0 (MPL 2.0). SkyWalking community posts the statement for our own users to explain the evaluation of the potential implications." startTime: 2023-08-13T00:00:00Z endTime: 2023-09-30T10:00:00Z +tags: +- Community --- On Aug. 10th, 2023, HashiCorp announced to adopt the Business Source License (BSL) from Mozilla Public License v2.0 (MPL 2.0), here is their [post](https://www.hashicorp.com/blog/hashicorp-adopts-business-source-license). diff --git a/content/blog/2023-10-18-skywalking-toolkit-trace/index.md b/content/blog/2023-10-18-skywalking-toolkit-trace/index.md index a90c1437e33..056035ccffa 100644 --- a/content/blog/2023-10-18-skywalking-toolkit-trace/index.md +++ b/content/blog/2023-10-18-skywalking-toolkit-trace/index.md @@ -3,7 +3,8 @@ title: "Detailed explanation of SkyWalking Go Toolkit Trace" date: 2023-10-18 author: "Alipebt" description: "This article shows the introduction and usage of toolkit trace provided by Skywalking Go to users." - +tags: +- Tracing --- ## Background diff --git a/content/blog/2023-12-04-coffee+software-with-josh-long/index.md b/content/blog/2023-12-04-coffee+software-with-josh-long/index.md index a4789cee6c1..170975528a3 100644 --- a/content/blog/2023-12-04-coffee+software-with-josh-long/index.md +++ b/content/blog/2023-12-04-coffee+software-with-josh-long/index.md @@ -3,7 +3,7 @@ title: "[Video] Coffee + Software with Josh Long - Apache SkyWalking with Sheng date: 2023-12-04 author: Sheng Wu, Josh Long, Trista Pan tags: -- Video +- Community --- 🚀 Dive into the World of Cutting-Edge Technology with Apache's Finest! 🌐 Join me today as we embark on an exhilarating journey with two of Apache's most brilliant minds - Sheng Wu and Trista Pan. We're exploring the realms of Apache SkyWalking and Apache ShardingSphere, two groundbreaking initiatives that are reshaping the landscape of open-source technology. 🌟 diff --git a/content/blog/2023-12-23-monitoring-nginx-by-skywalking/index.md b/content/blog/2023-12-23-monitoring-nginx-by-skywalking/index.md index 7585c41dde7..5b98fe528a3 100644 --- a/content/blog/2023-12-23-monitoring-nginx-by-skywalking/index.md +++ b/content/blog/2023-12-23-monitoring-nginx-by-skywalking/index.md @@ -4,7 +4,7 @@ author: "Xiang Wei" date: 2023-12-23 description: "SkyWalking 9.7 introduces a new Nginx monitoring dashboard, and this article will demonstrate the usage of this monitoring dashboard." tags: -- Nginx +- Agents --- ## Background diff --git a/content/blog/2024-010-15-introduce-r3-to-recognition-restful-url/index.md b/content/blog/2024-010-15-introduce-r3-to-recognition-restful-url/index.md index b934b9a1a1e..103cb52948e 100644 --- a/content/blog/2024-010-15-introduce-r3-to-recognition-restful-url/index.md +++ b/content/blog/2024-010-15-introduce-r3-to-recognition-restful-url/index.md @@ -4,8 +4,8 @@ date: 2024-10-17 author: Han Liu description: "This article will introduce how to use R3 to identify RESTFul URIs and integrate them into SkyWalking." tags: -- RESTFul -- R3 +- Agents +- Tracing --- ## Background diff --git a/content/blog/2024-03-12-monitoring-clickhouse-through-skywalking/index.md b/content/blog/2024-03-12-monitoring-clickhouse-through-skywalking/index.md index 45f9d1bc261..87ac6a8a906 100644 --- a/content/blog/2024-03-12-monitoring-clickhouse-through-skywalking/index.md +++ b/content/blog/2024-03-12-monitoring-clickhouse-through-skywalking/index.md @@ -4,7 +4,7 @@ date: 2024-03-12 author: Ziyan Chen description: "SkyWalking 10.0 introduces a new ClickHouse server monitoring dashboard, and this article will demonstrate the usage of this monitoring dashboard." tags: -- ClickHouse +- Storage --- ## Background diff --git a/content/blog/2024-03-18-monitor-kubernetes-network-by-ebpf/index.md b/content/blog/2024-03-18-monitor-kubernetes-network-by-ebpf/index.md index 4453b886b53..00319c6bc46 100644 --- a/content/blog/2024-03-18-monitor-kubernetes-network-by-ebpf/index.md +++ b/content/blog/2024-03-18-monitor-kubernetes-network-by-ebpf/index.md @@ -3,6 +3,8 @@ title: "Monitoring Kubernetes network traffic by using eBPF" date: 2024-03-18 author: Han Liu description: This article demonstrates how SkyWalking uses eBPF technology to monitor network traffic on Kubernetes. +tags: +- Profiling --- ## Background diff --git a/content/blog/2024-04-19-flink-monitoring-by-skywalking/index.md b/content/blog/2024-04-19-flink-monitoring-by-skywalking/index.md index 656f272a89c..bbdaff7f919 100644 --- a/content/blog/2024-04-19-flink-monitoring-by-skywalking/index.md +++ b/content/blog/2024-04-19-flink-monitoring-by-skywalking/index.md @@ -4,7 +4,7 @@ author: "YiMing Shao" date: 2025-04-25 description: "SkyWalking 10.3 introduces a new Flink monitoring dashboard, and this article will demonstrate the usage of this monitoring dashboard." tags: -- Flink +- Metrics --- # Background diff --git a/content/blog/2024-04-19-monitoring-activemq-through-skywalking/index.md b/content/blog/2024-04-19-monitoring-activemq-through-skywalking/index.md index 60ede49b6c2..c27c2bccfe6 100644 --- a/content/blog/2024-04-19-monitoring-activemq-through-skywalking/index.md +++ b/content/blog/2024-04-19-monitoring-activemq-through-skywalking/index.md @@ -4,7 +4,7 @@ date: 2024-04-19 author: Ziyan Chen description: "This article will demonstrate the usage of the new ActiveMQ monitoring dashboard." tags: -- ActiveMQ +- Agents ---  diff --git a/content/blog/2024-05-13-skywalking-10-release/index.md b/content/blog/2024-05-13-skywalking-10-release/index.md index b03ca20f84d..2451d9018ba 100644 --- a/content/blog/2024-05-13-skywalking-10-release/index.md +++ b/content/blog/2024-05-13-skywalking-10-release/index.md @@ -4,11 +4,9 @@ date: 2024-05-13 author: Kai Wan, Sheng Wu. tetrate.io description: "Introduce what's new in SkyWalking 10, including Service Hierarchy, Kubernetes Network Monitoring by eBPF, BanyanDB, and more." tags: -- Release Blog -- Service Hierarchy -- Kubernetes -- eBPF -- BanyanDB +- Release +- Cloud Native +- Profiling --- The Apache SkyWalking team today announced the 10 release. SkyWalking 10 provides a host of groundbreaking features and enhancements. diff --git a/content/blog/2024-06-04-banyandb-0.6-release/index.md b/content/blog/2024-06-04-banyandb-0.6-release/index.md index 078aaf1adf9..7795e2df48e 100644 --- a/content/blog/2024-06-04-banyandb-0.6-release/index.md +++ b/content/blog/2024-06-04-banyandb-0.6-release/index.md @@ -4,9 +4,8 @@ date: 2024-06-04 author: Hongtao Gao, Sheng Wu. tetrate.io description: "Introducing What's New in BanyanDB v0.6 and a Benchmark Test Against Elasticsearch" tags: -- Release Blog +- Release - Storage -- BanyanDB --- # Introduction diff --git a/content/blog/2024-10-20-skywalking-go-toolkit-metrics-log/index.md b/content/blog/2024-10-20-skywalking-go-toolkit-metrics-log/index.md index 325f864771b..953c2dfb5f1 100644 --- a/content/blog/2024-10-20-skywalking-go-toolkit-metrics-log/index.md +++ b/content/blog/2024-10-20-skywalking-go-toolkit-metrics-log/index.md @@ -3,7 +3,8 @@ title: "Use of SkyWalking Go Toolkit Log and Metrics" date: 2024-10-20 author: "ShyunnY" description: "This document presents an introduction to and usage of the toolkit Log and Metrics in SkyWalking Go." - +tags: +- Logging --- ## Intro diff --git a/content/blog/2024-12-09-skywalking-async-profiler/index.md b/content/blog/2024-12-09-skywalking-async-profiler/index.md index d911812016b..e5f8842576e 100644 --- a/content/blog/2024-12-09-skywalking-async-profiler/index.md +++ b/content/blog/2024-12-09-skywalking-async-profiler/index.md @@ -3,6 +3,8 @@ title: "Profiling Java application with SkyWalking bundled async-profiler" date: 2024-12-09 author: "zhengziyi0117" description: "This document presents an introduction to and usage of the async-profiler in SkyWalking." +tags: +- Profiling --- ## Background diff --git a/content/blog/2025-02-24-improving-alert-accuracy-with-dynamic-baselines/index.md b/content/blog/2025-02-24-improving-alert-accuracy-with-dynamic-baselines/index.md index a3aacc613fe..4c760c11099 100644 --- a/content/blog/2025-02-24-improving-alert-accuracy-with-dynamic-baselines/index.md +++ b/content/blog/2025-02-24-improving-alert-accuracy-with-dynamic-baselines/index.md @@ -3,6 +3,8 @@ title: "Improving Alert Accuracy with Dynamic Baselines" date: 2025-02-24 author: "Han Liu" description: "This article explores how to leverage history metrics to generate dynamic baselines for a future period, thereby enhancing the accuracy of alerts." +tags: +- Community --- ## Background diff --git a/content/blog/2025-03-06-introduction-to-skywalking-ruby/index.md b/content/blog/2025-03-06-introduction-to-skywalking-ruby/index.md index f7bba11ddc0..1ea55e61526 100644 --- a/content/blog/2025-03-06-introduction-to-skywalking-ruby/index.md +++ b/content/blog/2025-03-06-introduction-to-skywalking-ruby/index.md @@ -5,9 +5,8 @@ author: "Zixin Zhou" description: "This article demonstrates how to integrate applications with SkyWalking Ruby and provides a brief interpretation of the implementation mechanism of Ruby auto-instrumentation plugins." tags: - - Ruby - - Agent - - Tracing +- Agents +- Tracing --- ## Background diff --git a/content/blog/2026-01-01-skywalking-2025-year-in-review/index.md b/content/blog/2026-01-01-skywalking-2025-year-in-review/index.md index cfd11b68288..5c5c9422239 100644 --- a/content/blog/2026-01-01-skywalking-2025-year-in-review/index.md +++ b/content/blog/2026-01-01-skywalking-2025-year-in-review/index.md @@ -3,13 +3,11 @@ title: "Apache SkyWalking 2025 in Review: Making BanyanDB Ready for Production" date: 2026-01-01 author: Sheng Wu description: "A review of Apache SkyWalking community work in 2025, with a focus on BanyanDB becoming the production-grade native storage for SkyWalking." +endTime: 2026-01-01T23:00:00Z tags: -- Community -- Year in Review -- BanyanDB +- Release - Storage -- Release Blog -endTime: 2026-01-01T23:00:00Z +- Community --- 2025 was a very focused year for the Apache SkyWalking community: **moving BanyanDB from “native storage” to a “production-ready default”**, and making SkyWalking APM fully benefit from that foundation. diff --git a/content/blog/2026-03-08-agentic-vibe-coding/index.md b/content/blog/2026-03-08-agentic-vibe-coding/index.md index cbf8f1e5bad..f48bcbb5c09 100644 --- a/content/blog/2026-03-08-agentic-vibe-coding/index.md +++ b/content/blog/2026-03-08-agentic-vibe-coding/index.md @@ -3,15 +3,11 @@ title: "Agentic Vibe Coding in a Mature OSS Project: What Worked, What Didn't" date: 2026-03-08 author: Sheng Wu description: "What happens when you apply agentic AI coding to a mature open-source project with real users, real compatibility contracts, and real consequences? 77K lines changed in 5 weeks — here's what I learned." +endTime: 2026-03-08T23:00:00Z tags: - AI -- Agentic Coding -- Vibe Coding -- TDD -- Architecture -- Engineering Productivity -- Open Source -endTime: 2026-03-08T23:00:00Z +- Engineering +- Community --- Most "vibe coding" stories start with a greenfield project. This one doesn't. diff --git a/content/blog/2026-03-13-how-ai-changed-the-economics-of-architecture/index.md b/content/blog/2026-03-13-how-ai-changed-the-economics-of-architecture/index.md index 7de63a6bd35..1654afd6e85 100644 --- a/content/blog/2026-03-13-how-ai-changed-the-economics-of-architecture/index.md +++ b/content/blog/2026-03-13-how-ai-changed-the-economics-of-architecture/index.md @@ -4,13 +4,9 @@ date: 2026-03-13 author: Sheng Wu description: "A case study in how AI changed the economics of architecture in a mature project by making better designs cheaper to prototype, validate, and refine." tags: -- GraalVM -- Native Image -- Performance - Cloud Native -- Serverless +- Profiling - AI -- Claude --- *SkyWalking GraalVM Distro: A case study in turning runnable PoCs into a repeatable migration pipeline.* diff --git a/content/blog/2026-03-13-skywalking-graalvm-distro-design-and-benchmarks/index.md b/content/blog/2026-03-13-skywalking-graalvm-distro-design-and-benchmarks/index.md index d0f343461aa..04fe0df89be 100644 --- a/content/blog/2026-03-13-skywalking-graalvm-distro-design-and-benchmarks/index.md +++ b/content/blog/2026-03-13-skywalking-graalvm-distro-design-and-benchmarks/index.md @@ -4,12 +4,9 @@ date: 2026-03-13 author: Sheng Wu description: "A technical deep-dive into SkyWalking GraalVM Distro — how we turned a mature, reflection-heavy Java observability backend into a native binary with a repeatable migration pipeline." tags: -- GraalVM -- Native Image -- Performance - Cloud Native -- Serverless -- BanyanDB +- Profiling +- Storage --- *A technical deep-dive into how we migrated Apache SkyWalking OAP to GraalVM Native Image — not as a one-off port, but as a repeatable pipeline that stays aligned with upstream.* diff --git a/content/blog/2026-04-02-envoy-ai-gateway-monitoring/index.md b/content/blog/2026-04-02-envoy-ai-gateway-monitoring/index.md index eadaaa3f163..5ae15136312 100644 --- a/content/blog/2026-04-02-envoy-ai-gateway-monitoring/index.md +++ b/content/blog/2026-04-02-envoy-ai-gateway-monitoring/index.md @@ -4,9 +4,8 @@ date: 2026-04-02 author: "Sheng Wu" description: "Set up full-stack observability for your AI/LLM traffic using Envoy AI Gateway, SkyWalking OAP 10.4.0, and BanyanDB 0.10.0." tags: -- GenAI -- Envoy -- Observability +- AI +- Cloud Native --- ## The Problem: Flying Blind with LLM Traffic diff --git a/content/blog/2026-04-05-virtual-genai-monitoring/index.md b/content/blog/2026-04-05-virtual-genai-monitoring/index.md index 510aea99b78..2fadb0d833c 100644 --- a/content/blog/2026-04-05-virtual-genai-monitoring/index.md +++ b/content/blog/2026-04-05-virtual-genai-monitoring/index.md @@ -4,10 +4,8 @@ author: "YiMing Shao" date: 2026-04-05 description: "SkyWalking 10.4 introduces the Virtual GenAI dashboard. This article explores how to use this new feature to monitor and optimize LLM integrations." tags: -- GenAI -- LLM -- Observability -- Opentelemetry +- AI +- Metrics --- # The Problem: As Applications "Consume" LLMs, Monitoring Leaves a Blind Spot diff --git a/content/blog/2026-04-08-traceql/index.md b/content/blog/2026-04-08-traceql/index.md index 884054606b2..c5f04f73c65 100644 --- a/content/blog/2026-04-08-traceql/index.md +++ b/content/blog/2026-04-08-traceql/index.md @@ -4,11 +4,8 @@ author: "Kai Wan" date: 2026-04-08 description: "SkyWalking 10.4 introduces TraceQL support, implementing Grafana Tempo's HTTP query APIs so that Grafana can query and visualize traces stored in SkyWalking." tags: -- TraceQL -- Grafana -- Tempo - Tracing -- Zipkin +- Metrics --- # Query SkyWalking and Zipkin Traces with TraceQL and Visualize in Grafana diff --git a/content/blog/2026-04-30-mini-program-monitoring-with-skywalking/index.md b/content/blog/2026-04-30-mini-program-monitoring-with-skywalking/index.md index 4618b63c2da..71eb83b8026 100644 --- a/content/blog/2026-04-30-mini-program-monitoring-with-skywalking/index.md +++ b/content/blog/2026-04-30-mini-program-monitoring-with-skywalking/index.md @@ -4,11 +4,9 @@ author: "Sheng Wu" date: 2026-04-30 description: "SkyAPM/mini-program-monitor and SkyWalking OAP together extend SkyWalking's end-user monitoring to WeChat and Alipay Mini Programs. This post focuses on the data path, the cross-platform abstraction, and the OAP-side integration." tags: -- Mini Program -- WeChat -- Alipay -- OTLP -- End User Monitoring +- Metrics +- Agents +- Community --- Mini programs are a major part of the mobile experience in China, but the open-source observability ecosystem has long focused on web browsers and native apps. SkyWalking already covers browser (client-js), iOS, and the server side; mini programs and Android were the remaining gaps. With [SkyAPM/mini-program-monitor](https://github.com/SkyAPM/mini-program-monitor) joining the SkyWalking ecosystem, the mini-program half of that gap is closed — one SDK supports both WeChat and Alipay, and [...] diff --git a/content/blog/boost-root-cause-analysis-quickly-with-skywalking-new-trace-metrics-association-feature/index.md b/content/blog/boost-root-cause-analysis-quickly-with-skywalking-new-trace-metrics-association-feature/index.md index 07cd1571a8f..3aedd0c68bd 100644 --- a/content/blog/boost-root-cause-analysis-quickly-with-skywalking-new-trace-metrics-association-feature/index.md +++ b/content/blog/boost-root-cause-analysis-quickly-with-skywalking-new-trace-metrics-association-feature/index.md @@ -4,8 +4,8 @@ date: 2022-12-19 author: "Sheng Wu" description: "SkyWalking 9.3.0 introduced the new capability that help you visualize the connection between traces and corresponding metrics quickly." tags: -- Trace -- Metric +- Tracing +- Metrics ---  diff --git a/content/blog/diagnose-service-mesh-network-performance-with-ebpf/index.md b/content/blog/diagnose-service-mesh-network-performance-with-ebpf/index.md index 755b8cdca64..c2555cf4baf 100644 --- a/content/blog/diagnose-service-mesh-network-performance-with-ebpf/index.md +++ b/content/blog/diagnose-service-mesh-network-performance-with-ebpf/index.md @@ -4,8 +4,7 @@ date: 2022-09-27 author: "Han Liu, Sheng Wu" description: "This article will show how to use Apache SkyWalking with eBPF to make network troubleshooting easier in a service mesh environment." tags: -- eBPF -- Performance +- Profiling --- ## Background diff --git a/content/blog/e2e-design/index.md b/content/blog/e2e-design/index.md index 2938e3facaa..e4bcb990886 100644 --- a/content/blog/e2e-design/index.md +++ b/content/blog/e2e-design/index.md @@ -3,9 +3,8 @@ title: "[Design] NGE2E - Next Generation End-to-End Testing Framework" date: 2020-12-14 author: "[Zhenxu Ke](https://github.com/kezhenxu94), Tetrate.io; [Huaxi Jiang](http://github.com/fgksgf), Committer; [Ke Zhang](http://github.com/HumbertZhang), Committer" description: "The design of Next Generation End-to-End Testing Framework" - tags: -- Testing +- Engineering --- NGE2E is the next generation End-to-End Testing framework that aims to help developers to set up, debug, and verify E2E tests with ease. It's built based on the lessons learnt from tens of hundreds of test cases in the SkyWalking main repo. diff --git a/content/blog/ebpf-enhanced-http-observability-l7-metrics-and-tracing/index.md b/content/blog/ebpf-enhanced-http-observability-l7-metrics-and-tracing/index.md index 5dfe326384d..254ad2d6353 100644 --- a/content/blog/ebpf-enhanced-http-observability-l7-metrics-and-tracing/index.md +++ b/content/blog/ebpf-enhanced-http-observability-l7-metrics-and-tracing/index.md @@ -4,10 +4,9 @@ date: 2023-01-12 author: "Han Liu, Sheng Wu" description: "This article will show how to use Apache SkyWalking with eBPF to enhance metrics and traces in HTTP observability." tags: -- Trace -- Metric -- eBPF -- HTTP +- Tracing +- Metrics +- Profiling ---  diff --git a/content/blog/end-user-tracing-in-a-skyWalking-observed-browser/index.md b/content/blog/end-user-tracing-in-a-skyWalking-observed-browser/index.md index b03bb03dea9..65de8618a36 100644 --- a/content/blog/end-user-tracing-in-a-skyWalking-observed-browser/index.md +++ b/content/blog/end-user-tracing-in-a-skyWalking-observed-browser/index.md @@ -4,9 +4,7 @@ date: 2021-03-25 author: "[Qiuxia Fan](https://github.com/Fine0830). tetrate.io" description: This article describes how the skywalking-client-js extends its monitoring to include the browser, providing performance metrics and error collection to the SkyWalking backend. tags: -- Observability -- APM -- Web-performance +- Profiling ---  diff --git a/content/blog/how-to-use-skywalking-for-distributed-tracing-in-istio/index.md b/content/blog/how-to-use-skywalking-for-distributed-tracing-in-istio/index.md index b06b7e680b3..6fd8a4db172 100644 --- a/content/blog/how-to-use-skywalking-for-distributed-tracing-in-istio/index.md +++ b/content/blog/how-to-use-skywalking-for-distributed-tracing-in-istio/index.md @@ -4,8 +4,7 @@ date: 2022-12-14 author: "[Jimmy Song (tetrate.io)](https://jimmysong.io/en/)" description: "This blog will guide you to use SkyWalking for distributed tracing with Istio." tags: -- Istio -- Service Mesh +- Cloud Native --- In cloud native applications, a request often needs to be processed through a series of APIs or backend services, some of which are parallel and some serial and located on different platforms or nodes. How do we determine the service paths and nodes a call goes through to help us troubleshoot the problem? This is where distributed tracing comes into play. diff --git a/content/blog/obs-service-mesh-vm-with-sw-and-als/index.md b/content/blog/obs-service-mesh-vm-with-sw-and-als/index.md index 31cbaf2583c..bdce053297e 100644 --- a/content/blog/obs-service-mesh-vm-with-sw-and-als/index.md +++ b/content/blog/obs-service-mesh-vm-with-sw-and-als/index.md @@ -4,7 +4,7 @@ date: 2021-02-21 author: "[Zhenxu Ke](http://github.com/kezhenxu94) and Hongtao Gao. tetrate.io" description: In this tutorial, you can learn how to use Apache SkyWalking for service mesh observability, in Kubernetes and / or in virtual machines. tags: -- Service Mesh +- Cloud Native ---  diff --git a/content/blog/skywalking8-4-release/index.md b/content/blog/skywalking8-4-release/index.md index a60c8e87fdd..4a14ccb9252 100644 --- a/content/blog/skywalking8-4-release/index.md +++ b/content/blog/skywalking8-4-release/index.md @@ -4,8 +4,8 @@ date: 2021-02-05 author: Zhenxu Ke, Sheng Wu. tetrate.io description: "Logs, VM Monitoring, and Dynamic Configurations at Agent Side" tags: -- Release Blog -- Logs +- Release +- Logging ---  diff --git a/content/blog/skywalkings-new-storage-feature-based-on-shardingsphere-proxy-mysql-sharding/index.md b/content/blog/skywalkings-new-storage-feature-based-on-shardingsphere-proxy-mysql-sharding/index.md index ac1c0247844..07fcb55775c 100644 --- a/content/blog/skywalkings-new-storage-feature-based-on-shardingsphere-proxy-mysql-sharding/index.md +++ b/content/blog/skywalkings-new-storage-feature-based-on-shardingsphere-proxy-mysql-sharding/index.md @@ -4,8 +4,7 @@ date: 2022-12-06 author: Kai Wan (tetrate.io) description: "Based on MySQL storage, SkyWalking v9.3.0 provides a new storage method: MySQL-Sharding. It supports database and table sharding features thanks to ShardingSphere-Proxy, which is a mature solution for dealing with relational databases’ massive amounts of data." tags: -- Sharding-Sphere -- Sharding-Sphere-proxy +- Storage --- As an application performance monitoring tool for distributed systems, Apache SkyWalking observes metrics, logs, traces, and events in the service mesh. diff --git a/content/images/home/horizon-dashboard.png b/content/images/home/horizon-dashboard.png new file mode 100644 index 00000000000..61efc1e1c8f Binary files /dev/null and b/content/images/home/horizon-dashboard.png differ diff --git a/content/images/home/horizon-trace.png b/content/images/home/horizon-trace.png new file mode 100644 index 00000000000..f5535cd13dc Binary files /dev/null and b/content/images/home/horizon-trace.png differ diff --git a/layouts/blog/baseof.html b/layouts/blog/baseof.html new file mode 100644 index 00000000000..a4a31f703e9 --- /dev/null +++ b/layouts/blog/baseof.html @@ -0,0 +1,38 @@ +<!doctype html> +<html lang="{{ .Site.Language.Lang }}" class="no-js"> + <head> + {{ partial "head.html" . }} + <title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{ . }} | {{ end }}{{ .Site.Title }}{{ end }}</title> + </head> + <body class="td-{{ .Kind }} td-blog"> + <header> + {{ partial "navbar.html" . }} + </header> + <div class="container-fluid td-outer"> + {{ if eq .Kind "page" }} + {{- /* single post: keep the readable two-column layout with TOC */ -}} + <div class="td-main"> + <div class="row container container-center"> + <main class="col-12 col-md-12 col-xl-10 pl-md-4 pr-md-4" role="main"> + {{ block "main" . }}{{ end }} + </main> + <div class="d-none d-xl-block col-xl-2 td-toc d-print-none"> + {{ partial "tags.html" . }} + {{ partial "toc.html" . }} + </div> + </div> + </div> + {{ else }} + {{- /* list: full-width card grid */ -}} + <main class="td-main" role="main"> + {{ block "main" . }}{{ end }} + </main> + {{ end }} + {{ partial "footer.html" . }} + </div> + {{ partial "event-popup.html" . }} + {{ partial "lightbox.html" . }} + {{ partial "sidebar-skywalking.html" . }} + {{ partial "scripts.html" . }} + </body> +</html> diff --git a/layouts/blog/list.html b/layouts/blog/list.html new file mode 100644 index 00000000000..e76ce385675 --- /dev/null +++ b/layouts/blog/list.html @@ -0,0 +1,43 @@ +{{ define "main" }} +{{- if .Parent.IsHome -}} +{{ $.Scratch.Set "blog-pages" (where .Site.RegularPages "Section" .Section) }} +{{- else -}} +{{ $.Scratch.Set "blog-pages" .Pages }} +{{- end -}} +{{ $pag := .Paginate (($.Scratch.Get "blog-pages").GroupByDate (i18n "year")) }} + +<section class="blog-hero"> + <div class="container"> + <span class="eyebrow">BLOG</span> + <h1>Engineering & community notes</h1> + <p>Release deep-dives, architecture, integrations and field reports from the SkyWalking community — newest first.</p> + </div> +</section> + +<div class="container blog-wrap"> + {{ range $pag.PageGroups }} + <h2 class="blog-year">{{ T "post_posts_in" }} {{ .Key }}</h2> + <div class="blog-grid"> + {{ range .Pages }} + <article class="blog-card"> + {{ with .Params.tags }} + <div class="blog-labels"> + {{ range . }}<span class="blog-label" data-label="{{ . }}">{{ . }}</span>{{ end }} + </div> + {{ end }} + <h3 class="blog-card-title"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h3> + <p class="blog-card-preview">{{ with .Description }}{{ . }}{{ else }}{{ .Plain | safeHTML | truncate 160 }}{{ end }}</p> + <div class="blog-card-foot"> + <span class="blog-date">{{ .Date.Format "Jan 2, 2006" }}</span> + {{ with .Params.author }}<span class="blog-author">{{ . | markdownify }}</span>{{ end }} + </div> + </article> + {{ end }} + </div> + {{ end }} + + <div class="blog-pagination"> + {{ template "_internal/pagination.html" . }} + </div> +</div> +{{ end }} diff --git a/layouts/events/baseof.html b/layouts/events/baseof.html new file mode 100644 index 00000000000..5af1546e643 --- /dev/null +++ b/layouts/events/baseof.html @@ -0,0 +1,22 @@ +<!doctype html> +<html lang="{{ .Site.Language.Lang }}" class="no-js"> + <head> + {{ partial "head.html" . }} + <title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{ . }} | {{ end }}{{ .Site.Title }}{{ end }}</title> + </head> + <body class="td-{{ .Kind }} td-events"> + <header> + {{ partial "navbar.html" . }} + </header> + <div class="container-fluid td-outer"> + <main class="td-main" role="main"> + {{ block "main" . }}{{ end }} + </main> + {{ partial "footer.html" . }} + </div> + {{ partial "event-popup.html" . }} + {{ partial "lightbox.html" . }} + {{ partial "sidebar-skywalking.html" . }} + {{ partial "scripts.html" . }} + </body> +</html> diff --git a/layouts/events/list.html b/layouts/events/list.html new file mode 100644 index 00000000000..589ee79663c --- /dev/null +++ b/layouts/events/list.html @@ -0,0 +1,50 @@ +{{ define "main" }} +{{- if .Parent.IsHome -}} +{{ $.Scratch.Set "evpages" (where .Site.RegularPages "Section" .Section) }} +{{- else -}} +{{ $.Scratch.Set "evpages" .Pages }} +{{- end -}} +{{ $pag := .Paginate (($.Scratch.Get "evpages").GroupByDate (i18n "year")) }} + +<section class="ev-hero"> + <div class="container"> + <span class="eyebrow">EVENTS & RELEASES</span> + <h1>Where the SkyWalking community ships & meets</h1> + <p>Releases, conference talks, meetups and weekly office hours — newest first.</p> + </div> +</section> + +<div class="container ev-wrap"> + {{ range $pag.PageGroups }} + <div class="ev-group"> + <div class="ev-year"><span>{{ .Key }}</span></div> + <ul class="ev-timeline"> + {{ range .Pages }} + {{ $isRelease := hasPrefix (lower .LinkTitle) "release" }} + <li class="ev-item{{ if $isRelease }} is-release{{ end }}"> + <span class="ev-dot" aria-hidden="true"></span> + <a class="ev-card" href="{{ .RelPermalink }}"> + <div class="ev-meta"> + <span class="ev-date">{{ .Date.Format "Jan 2" }}</span> + {{ if $isRelease }} + <span class="ev-tag is-release">Release</span> + {{ else }} + <span class="ev-tag">Post</span> + {{ end }} + {{ with .Params.author }}<span class="ev-author">{{ . | markdownify }}</span>{{ end }} + </div> + <h3 class="ev-title">{{ .LinkTitle }}</h3> + <p class="ev-desc">{{ with .Description }}{{ . }}{{ else }}{{ .Plain | safeHTML | truncate 200 }}{{ end }}</p> + <span class="ev-more">{{ T "ui_read_more" }} →</span> + </a> + </li> + {{ end }} + </ul> + </div> + {{ end }} + + <div class="ev-pagination"> + {{ template "_internal/pagination.html" . }} + </div> +</div> +{{ end }} diff --git a/layouts/events/single.html b/layouts/events/single.html new file mode 100644 index 00000000000..b7e4eabe280 --- /dev/null +++ b/layouts/events/single.html @@ -0,0 +1,54 @@ +{{ define "main" }} +{{ $cur := . }} +{{ $events := (where .Site.RegularPages "Section" "events").ByDate.Reverse }} +<div class="ev-detail"> + <aside class="ev-side"> + <div class="ev-side-head"> + <a href="/events/">← All events</a> + <span class="ev-side-count">{{ len $events }}</span> + </div> + <nav class="ev-side-list" id="evSideList"> + {{ range $events.GroupByDate "2006" }} + <div class="ev-side-year">{{ .Key }}</div> + {{ range .Pages }} + {{ $isRelease := hasPrefix (lower .LinkTitle) "release" }} + <a class="ev-side-item{{ if eq .Permalink $cur.Permalink }} is-current{{ end }}{{ if $isRelease }} is-release{{ end }}" + href="{{ .RelPermalink }}"{{ if eq .Permalink $cur.Permalink }} aria-current="page"{{ end }}> + <span class="ev-side-dot" aria-hidden="true"></span> + <span class="ev-side-text"> + <span class="ev-side-date">{{ .Date.Format "Jan 2" }}</span> + <span class="ev-side-title">{{ .LinkTitle }}</span> + </span> + </a> + {{ end }} + {{ end }} + </nav> + </aside> + + <article class="td-content ev-article"> + {{ $isRelease := hasPrefix (lower .LinkTitle) "release" }} + <div class="ev-article-meta"> + {{ if $isRelease }}<span class="ev-tag is-release">Release</span>{{ else }}<span class="ev-tag">Post</span>{{ end }} + <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format .Site.Params.time_format_blog }}</time> + {{ with .Params.author }}<span class="ev-article-author">{{ T "post_byline_by" }} {{ . | markdownify }}</span>{{ end }} + </div> + <h1 class="ev-article-title">{{ .Title }}</h1> + {{ with .Params.description }}<p class="ev-article-lead">{{ . | markdownify }}</p>{{ end }} + + <div class="ev-article-body"> + {{ .Content }} + </div> + + {{ partial "pager.html" . }} + </article> +</div> + +<script> + // keep the current event visible in the sidebar timeline + (function () { + var cur = document.querySelector('.ev-side-item.is-current'); + var list = document.getElementById('evSideList'); + if (cur && list) { list.scrollTop = cur.offsetTop - list.clientHeight / 2 + cur.clientHeight / 2; } + })(); +</script> +{{ end }} diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html new file mode 100644 index 00000000000..89b0855c1fc --- /dev/null +++ b/layouts/partials/navbar.html @@ -0,0 +1,80 @@ +{{ $cover := .HasShortcode "blocks/cover" }} +{{- /* current top-level section, e.g. "events", "blog", "docs" … */ -}} +{{ $sec := .Section }} +<nav class="js-navbar-scroll navbar navbar-expand {{ if $cover}} td-navbar-cover {{ end }}flex-column flex-md-row td-navbar"> + <div class="sidebar-button"> + <i class="iconfont icon-menu"></i> + </div> + <a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}"> + <span class="navbar-logo">{{ if .Site.Params.ui.navbar_logo }}<img width="130" src="/images/logo.svg" alt="SkyWalking"></span> {{ else }} + <span class="text-uppercase font-weight-bold">{{ .Site.Title }}</span> {{ end }} + </a> + <div class="td-navbar-nav-scroll navbar-nav-wrapper" id="navigation"> + <ul class="navbar-nav mt-lg-0"> + {{ $p := . }} {{ range .Site.Menus.main }} + {{ if .HasChildren }} + {{ else }} + <li class="nav-item mr-3 mb-lg-0"> + {{ $u := urls.Parse .URL }} + {{ $path := strings.TrimPrefix "/" $u.Path }} + {{ $path = strings.TrimSuffix "/" $path }} + {{ $first := index (split $path "/") 0 }} + {{ $active := and (ne $sec "") (eq $first $sec) }} + {{ $baseurl := urls.Parse $.Site.Params.Baseurl }} + <a class="nav-link{{ if $active }} active{{ end }}" href="{{ with .Page }}{{ .RelPermalink }}{{ else }}{{ .URL | relLangURL }}{{ end }}" {{ if ne $u.Host $baseurl.Host }}target="_blank" {{ end }}><span{{ if $active }} class="active"{{ end }}>{{ .Name }}</span></a> + </li> + {{ end }} + {{ end }} + <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> + </li> + + {{ if .Site.Params.versions }} + <li class="nav-item dropdown d-none d-lg-block"> + {{ partial "navbar-version-selector.html" . }} + </li> + {{ end }} + {{ if (gt (len .Site.Home.Translations) 0) }} + <li class="nav-item dropdown d-none d-lg-block"> + {{ partial "navbar-lang-selector.html" . }} + </li> + {{ end }} + </ul> + </div> + + <div class="navbar-nav d-none d-lg-block search-input-box"> + {{ partial "search-input.html" . }} + + {{- /* Apache dropdown — to the right of search — new ASF oak-leaf */ -}} + {{ range .Site.Menus.main }} + {{ if .HasChildren }} + <span class="link dropdown sw-navdd"> + <a class="link-name nav-link dropdown-toggle sw-navdd-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> + <img class="sw-navdd-asf" src="/images/asf-oakleaf.svg" alt="" aria-hidden="true"> Apache + </a> + <div class="dropdown-menu sw-navmenu sw-navmenu--wide"> + <div class="sw-navmenu-head"> + <img src="/images/asf-oakleaf.svg" alt="Apache Software Foundation feather"> + <div><strong>The Apache Software Foundation</strong><span>governance · trademarks · sponsorship</span></div> + </div> + {{ range .Children }} + {{ $cu := urls.Parse .URL }} + <a class="sw-navmenu-item" href="{{ .URL | relLangURL }}" target="_blank" rel="noopener noreferrer"> + <span>{{ .Name }}</span> + <em>{{ $cu.Host }}</em> + <i class="iconfont icon-arrow-up-right"></i> + </a> + {{ end }} + </div> + </span> + {{ end }} + {{ end }} + </div> +</nav> diff --git a/layouts/shortcodes/team-count.html b/layouts/shortcodes/team-count.html new file mode 100644 index 00000000000..1d60efc61ed --- /dev/null +++ b/layouts/shortcodes/team-count.html @@ -0,0 +1 @@ +{{- .Site.Data.team.totalCount | default "1,000+" -}} diff --git a/static/images/asf-oakleaf.svg b/static/images/asf-oakleaf.svg new file mode 100644 index 00000000000..99471de3b9a --- /dev/null +++ b/static/images/asf-oakleaf.svg @@ -0,0 +1,9 @@ +<svg width="800" height="1231" viewBox="0 0 800 1231" fill="none" xmlns="http://www.w3.org/2000/svg";> +<path d="M340.565 490.125C371.984 412.419 407.04 334.865 444.655 266.127C388.506 224.415 334.59 134.468 312.439 94.616C304.483 103.656 299.318 114.069 296.976 122.539C276.107 197.903 350.394 288.909 290.56 255.659C240.706 227.952 128.448 167.276 85.6282 227.583C133.585 289.214 259.016 444.273 340.565 490.125Z" fill="#DD552C"/> +<path d="M444.655 266.127C481.103 199.523 519.944 141.19 560.214 99.1643C560.214 99.1643 520.049 157.313 462.68 273.555C497.424 283.125 596.373 302.762 734.199 267.154C737.588 242.103 720.749 214.548 636.838 205.323C582.057 199.307 702.592 74.4897 615.272 15.4582C612.453 13.549 609.682 11.8645 606.967 10.3564C604.04 9.30555 600.948 8.34295 597.648 7.48463C495.667 -19.1313 481.532 153.824 440.837 116.644C375.076 56.5612 333.568 70.5992 312.439 94.616C334.59 134.468 388.506 224.415 444.655 [...] +<path d="M258.543 714.009C281.565 645.031 309.259 567.534 340.565 490.125C259.016 444.273 133.585 289.214 85.6282 227.583C77.0666 239.632 71.2159 256.437 69.267 279.419C58.8087 402.865 186.137 494.256 160.753 510.949C127.177 533.032 60.3486 457.902 34.0103 505.638C72.1864 554.691 149.95 643.322 258.543 714.009Z" fill="#D22128"/> +<path d="M611.342 447.778C546.872 424.78 678.712 363.101 721.523 297.669C727.001 289.302 732.663 278.489 734.199 267.154C596.373 302.762 497.424 283.125 462.68 273.555C432.982 333.742 398.687 409.587 362.922 501.034C400.171 516.965 552.266 575.812 767.094 576.117C803.213 482.023 672.528 469.597 611.342 447.778Z" fill="#DD552C"/> +<path d="M283.454 726.427C321.337 738.235 446.861 773.506 580.172 768.196C598.081 719.697 531.124 714.964 525.671 676.067C521.448 645.97 701.878 701.359 759.932 591.92C762.867 586.385 765.157 581.163 767.094 576.117C552.266 575.812 400.171 516.965 362.921 501.034C336.784 567.863 309.896 642.865 283.454 726.427Z" fill="#D22128"/> +<path d="M283.454 726.427C266.431 780.212 249.637 837.672 233.336 898.396C227.553 919.926 221.839 941.857 216.205 964.27C342.735 1006.05 459.248 964.366 463.198 912.706C463.23 912.297 463.154 911.992 463.178 911.599C466.189 856.883 384.195 887.213 386.136 854.317C388.085 821.179 529.284 854.124 572.95 783.076C576.298 777.629 578.48 772.792 580.172 768.196C446.861 773.506 321.337 738.235 283.454 726.427Z" fill="#7C297D"/> +<path d="M34.0104 505.638C32.1657 508.983 30.5015 512.85 29.082 517.47C4.56029 597.182 177.956 704.263 154.365 727.606C133.1 748.639 105.386 700.573 71.2119 720.427C67.4665 722.609 63.6649 725.36 59.7631 729.363C21.1139 768.966 59.1576 883.058 168.813 943.959C143.225 1029.89 117.749 1125.91 92.8102 1226.31C101.857 1223.14 112.684 1219.97 115.379 1211.43C119.425 1194.8 144.432 1093.56 185.034 956.224C185.034 956.224 192.445 928.092 206.011 881.743C218.554 838.883 236.379 780.429 258.543 7 [...] +</svg>
