Embed · 静态 SVG,零 JS,零外链

把指数嵌进你的页面

一个 <img> 标签就够。 不用引脚本、不用占 iframe、不受你所在站点的 CSP 限制, Markdown、Notion、公众号、邮件签名都能直接显示。

形态
2
紧凑徽章 320×86 · 卡片 480×200
档位
3
Composite / HY / IG
依赖
0
无脚本、无字体外链、无追踪
Badge · 320 × 86

紧凑徽章

适合放在文章开头、数据表格旁、README 头部。一行高度,只讲一件事:现在多少、这一周往哪走。

NCSX-Composite · 亮色
NCSX-Composite 指数徽章
badge/ncsx-composite.svg
NCSX-HY · 亮色
NCSX-HY 指数徽章
badge/ncsx-hy.svg
NCSX-IG · 亮色
NCSX-IG 指数徽章
badge/ncsx-ig.svg

深色背景的站点用 -dark 后缀:badge/ncsx-composite-dark.svg。下面这张就是暗色版,直接铺在深色底上。

NCSX-Composite · 暗色
NCSX-Composite 指数徽章 暗色
badge/ncsx-composite-dark.svg
NCSX-HY · 暗色
NCSX-HY 指数徽章 暗色
badge/ncsx-hy-dark.svg
NCSX-IG · 暗色
NCSX-IG 指数徽章 暗色
badge/ncsx-ig-dark.svg
Card · 480 × 200

带走势的卡片

多一条 90 日迷你图与 30 日变动。适合放在报告首页、投资人更新、周报开头 —— 一张图讲清"现在的位置 + 最近的方向"。

NCSX-Composite · 亮色
NCSX-Composite 指数卡片
badge/ncsx-composite-card.svg
NCSX-Composite · 暗色
NCSX-Composite 指数卡片 暗色
badge/ncsx-composite-card-dark.svg

HY 与 IG 同理:badge/ncsx-hy-card.svg、badge/ncsx-ig-card.svg(暗色加 -dark)。

Snippet · 复制即用

三种粘贴方式

把下面的域名换成你自己的部署地址即可。全部指向同一个静态文件,没有参数、没有 API key。

Markdown(GitHub / Obsidian / 语雀)
[![NCSX-Composite](https://spreadbench.com/badge/ncsx-composite.svg)](https://spreadbench.com/indices.html)
HTML(任意网页 / 邮件签名)
<a href="https://spreadbench.com/indices.html"> <img src="https://spreadbench.com/badge/ncsx-composite.svg" width="320" height="86" alt="NCSX-Composite 指数"> </a>
卡片版(报告首页 / 周报开头)
<img src="https://spreadbench.com/badge/ncsx-composite-card.svg" width="480" height="200" alt="NCSX-Composite 指数卡片">
暗色站点
<picture> <source media="(prefers-color-scheme: dark)" srcset="…/badge/ncsx-composite-dark.svg"> <img src="…/badge/ncsx-composite.svg" alt="NCSX-Composite"> </picture>
Reference · URL 规则

文件命名规则

规律只有一条:ncsx-{档位}{-card}{-dark}.svg。

文件 尺寸 内容 适用
ncsx-composite.svg320×86水位 + 5 日变动 + as-of文章开头、表格旁、README
ncsx-hy.svg / ncsx-ig.svg320×86同上,分档分档讨论(高收益 / 投资级)
ncsx-composite-card.svg480×200水位 + 5D/30D + 90 日走势报告首页、周报、投资人更新
…-dark.svg同尺寸深色底配色深色主题站点 / 夜间阅读

需要别的尺寸、别的语言、或者把三档并成一张?发邮件到 hi@spreadbench.com, 免费层也可以定制输出(不额外收费,只是排期)。

Design note · 为什么不做 JS 组件

三个刻意的取舍

不引脚本

嵌入式 JS 组件会被目标站点的 CSP 拦、会被广告拦截器挡、会在邮件里失效。 一个 <img> 这三件事都不会发生。

不追踪

不统计谁嵌了、嵌在哪里、被看了多少次。你的页面里不会多出第三方请求, 我们也不会因此知道你访客的任何信息。

图内写死日期

徽章上直接印 as-of 日期,所以被缓存不是问题 —— 读者一眼就能看出这张图的数据是哪天的,不会拿旧数当新数。

Rules · 引用规范

嵌了之后请这样标注

这是许可(CC BY 4.0)里的署名要求,也是这个基准能被别人复核的前提。

推荐句式

NCSX-Composite 773bp(SpreadBench 提供)
  • 必须写指数代码 NCSX-Composite / -HY / -IG
  • 必须标方法论版本与 DOI:v0.1.0 · 10.58014/ncsx.2026.v0
  • 数字不得改写、四舍五入到小数点后一位以内

不可以这样写

  • 不要把利差当成"评级"或"违约概率"
  • 不要引申成买卖建议 —— 本产品不做投资建议
  • 不要改写数字或去掉 as-of 日期
  • 不要用徽章暗示背书、合作或评级关系

违反上述任意一条,授权即自动终止。完整条款见 方法论 §12。

要实时数据或完整历史?

徽章与页面给的是免费 T+1 汇总值。完整 90 日逐日序列、逐笔成交、全成分归因 在 JSON API 里;Agent 可按次调用 MCP。

看 API 文档 订阅周报