嵌入 HonestQR 徽章

用 HonestQR 做过二维码？欢迎（但绝不强制）展示它。这些徽章和代码片段可免费用于任何网站、博客、菜单页或 GitHub README。

嵌入完整生成器（widget）

一个 iframe 就能把完整的免费二维码生成器放到你自己的网站上。码在访客浏览器本地生成且永不过期——无需账号、无需 API key。

实时预览

这就是访客将看到的 widget——复制代码前可以在这里直接试用。

方式 A — script（推荐，自动适配高度）

<div data-hqr-widget></div>
<script async src="https://qr.zalize.com/embed.js"></script>

脚本会自动注入 iframe 并按内容自动调整高度——任何屏宽下都不会出现内部滚动条。

想先在真实第三方页面上试试这段代码？打开 JSFiddle 在线沙盒，fork 后即可随意实验，无需改动自己的网站。

方式 B — 纯 iframe

<iframe
  src="https://qr.zalize.com/widget/"
  title="Free QR code generator by HonestQR"
  width="100%"
  height="900"
  style="border: 0; border-radius: 12px;"
  loading="lazy"
></iframe>

纯 iframe 需自行设置 height：生成器桌面约需 900px、窄屏可达约 1100px，过矮会出现内部滚动条。widget 个人与商用均免费。

可选参数（script 占位元素属性）

属性作用
data-height="900"固定 iframe 高度（px，设置后关闭自动适配）。
data-theme="ocean"预选样式主题。
data-mode="dark"widget 底色："dark"、"light" 或 "auto"（默认跟随访客系统配色）。
data-tpl="wifi"预选内容模板。
data-icon="cat"预选像素图标。
data-lang="zh"widget 语言（默认从页面 <html lang> 自动识别）。

想在服务端生成？还有免费 HTTP API。

完整接入指南（尺寸、语言与隐私细节）：面向站长的挂件指南。

浅色徽章

QR by HonestQR — never expires
<a href="https://qr.zalize.com/?utm_source=badge" title="Free QR codes that never expire">
  <img src="https://qr.zalize.com/badge.svg" alt="QR by HonestQR — never expires" width="200" height="36" loading="lazy" />
</a>

深色徽章

QR by HonestQR — never expires
<a href="https://qr.zalize.com/?utm_source=badge" title="Free QR codes that never expire">
  <img src="https://qr.zalize.com/badge-dark.svg" alt="QR by HonestQR — never expires" width="200" height="36" loading="lazy" />
</a>

Markdown（GitHub README）

[![QR by HonestQR — never expires](https://qr.zalize.com/badge.svg)](https://qr.zalize.com/?utm_source=badge)

纯文本链接

Free QR codes by <a href="https://qr.zalize.com/">HonestQR</a> — static codes never expire.

使用条款

还没有二维码？

免费、在浏览器本地生成、永不过期，无需注册。

打开免费生成器 →