From 875b52a9e158faac86b9f63b0d95c47e6a5b51b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?AI=E4=B8=8D=E6=AD=A2=E8=AF=AD?=
 <12096460+jnMetaCode@users.noreply.github.com>
Date: Tue, 14 Jul 2026 15:45:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(site):=20=E6=89=AB=E7=A0=81=E5=85=B3?=
 =?UTF-8?q?=E6=B3=A8=E5=8C=BA=E6=96=B0=E5=A2=9E=20X/Twitter=20=E4=BA=8C?=
 =?UTF-8?q?=E7=BB=B4=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 官网页脚「扫码关注」由微信 + 抖音两张码扩为三张，新增 X/Twitter 二维码（扫码/点击直达 x.com/jnMetaCode）
- 三语（简/繁/EN）同步 qrX 文案；二维码卡与 figcaption 可点击
- 新增静态资源 qr-x.png（build 时拷入 dist/assets）
- qr-card 链接样式：继承色、hover 下划线，避免默认蓝色
---
 site/build.mjs                |   8 +++++---
 site/template/assets/qr-x.png | Bin 0 -> 1820 bytes
 site/template/styles.css      |   2 ++
 3 files changed, 7 insertions(+), 3 deletions(-)
 create mode 100644 site/template/assets/qr-x.png

diff --git a/site/build.mjs b/site/build.mjs
index 7d9fbcfc..d83ff3c0 100644
--- a/site/build.mjs
+++ b/site/build.mjs
@@ -153,7 +153,7 @@ const T = {
     ],
     footTag: 'AI 编程超能力 · 中文增强版 · MIT License',
     copyright: '© 2026 superpowers-zh · MIT License',
-    followUs: '扫码关注', qrWechat: '公众号 · AI不止语', qrDouyin: '抖音 · @AI不止语（AIBZY）',
+    followUs: '扫码关注', qrWechat: '公众号 · AI不止语', qrDouyin: '抖音 · @AI不止语（AIBZY）', qrX: 'X / Twitter · @jnMetaCode',
     copy: '复制', copied: '已复制 ✓',
     backToSkills: '← 返回全部 Skill',
     detailInstall: '安装此 skill',
@@ -237,7 +237,7 @@ const T = {
     ],
     footTag: 'AI coding superpowers · Chinese-enhanced · MIT License',
     copyright: '© 2026 superpowers-zh · MIT License',
-    followUs: 'Follow us', qrWechat: 'WeChat · AI不止语', qrDouyin: 'Douyin · @AI不止语 (AIBZY)',
+    followUs: 'Follow us', qrWechat: 'WeChat · AI不止语', qrDouyin: 'Douyin · @AI不止语 (AIBZY)', qrX: 'X / Twitter · @jnMetaCode',
     copy: 'Copy', copied: 'Copied ✓',
     backToSkills: '← Back to all skills',
     detailInstall: 'Install this skill set',
@@ -321,7 +321,7 @@ const T = {
     ],
     footTag: 'AI 編程超能力 · 中文增強版 · MIT License',
     copyright: '© 2026 superpowers-zh · MIT License',
-    followUs: '掃碼關注', qrWechat: '公眾號 · AI不止語', qrDouyin: '抖音 · @AI不止語（AIBZY）',
+    followUs: '掃碼關注', qrWechat: '公眾號 · AI不止語', qrDouyin: '抖音 · @AI不止語（AIBZY）', qrX: 'X / Twitter · @jnMetaCode',
     copy: '複製', copied: '已複製 ✓',
     backToSkills: '← 返回全部 Skill',
     detailInstall: '安裝此 skill',
@@ -463,6 +463,7 @@ ${body}
     <div class="qr-row">
       <figure class="qr-card"><img src="/assets/qr-wechat.jpg" alt="${esc(t.qrWechat)}" width="158" loading="lazy"><figcaption>${t.qrWechat}</figcaption></figure>
       <figure class="qr-card"><img src="/assets/qr-douyin.jpg" alt="${esc(t.qrDouyin)}" width="158" loading="lazy"><figcaption>${t.qrDouyin}</figcaption></figure>
+      <figure class="qr-card"><a href="https://x.com/jnMetaCode" target="_blank" rel="noopener"><img src="/assets/qr-x.png" alt="${esc(t.qrX)}" width="158" loading="lazy"></a><figcaption><a href="https://x.com/jnMetaCode" target="_blank" rel="noopener">${t.qrX}</a></figcaption></figure>
     </div>
   </div>
   <div class="foot-inner foot-cols">
@@ -650,6 +651,7 @@ function build() {
   copyFileSync(join(ROOT, 'assets', 'superpowers-small.svg'), join(DIST, 'assets', 'superpowers-small.svg'));
   copyFileSync(join(TEMPLATE, 'assets', 'qr-wechat.jpg'), join(DIST, 'assets', 'qr-wechat.jpg'));
   copyFileSync(join(TEMPLATE, 'assets', 'qr-douyin.jpg'), join(DIST, 'assets', 'qr-douyin.jpg'));
+  copyFileSync(join(TEMPLATE, 'assets', 'qr-x.png'), join(DIST, 'assets', 'qr-x.png'));
 
   // ---- 每种语言生成首页 + 全部 skill 详情页 ----
   for (const L of LANGS) {
diff --git a/site/template/assets/qr-x.png b/site/template/assets/qr-x.png
new file mode 100644
index 0000000000000000000000000000000000000000..4545fc5a2eed4f0c9d8444bc20752e1670ca8bcf
GIT binary patch
literal 1820
zcmcgtYe-XJ82)DFEi8seVZ=lQtKk$91hvAP+6rby9;wsvf{4?d=AU7Rml6fFL@1;i
z`lAaL<7n#q1Z_@-LPSQHo4S>wLXfS*pn<4q?>pDOcGj<c9M0wYzW4H6-qU(cnG+rs
z6-EdNSDcogCq$HvS4a?iQSA=LTYy5Iap9WiTU7lFAwd>=`#zD^w)9SvnW1?3OM6kh
z+!q++5PePWP<C!)lBDQ>>tZpv)k2Eofh0DD91x4fTS7>-oFv8km!*!ed)(&&wl3D5
z`kryTqDq4$(r)gf>)8TjNsO0S<9+V<G;U8B;8QB~DTDlQn_w4{Ik6g-nsdk5&87+3
zZDqDcgd435+`Pf5)cOeOenJDb3VZ`JnKLdiSnk-IO`NKqPaBF{OcVxB(q1mzJY*l4
zVYF7p@r<uB36#=t<t<&U#^A<$w(A8S!Rhwf&D%M?>p?D0te0@j8w=J}I#R;sR_e90
z%-U4}Ojq{R9l?U)HLhu!Q$}@nX=*W>TcPh+us$5Jm}GuBs_Vx@@iwQL>Ynn-dFuz8
zQ^C2Dk=Fv7b6Vq)v&MWsHAfY*)oT6dytR?m+~&H<0ecA6UB*HLB|eVj`Hs-Ek+~+N
zx<`C>DK-pschZ_;m_K)rmvZiQVR`=$Z(U+PO`)VZvGwYHK-yhK-3)Cm{0HD53G9!<
ze1PE@WD1gc`iD?bPG_dQ21_WeYa@kS*0EZsami42NI|9E(^W4(>iNoJ^t#7FidmiW
z@GwQkI(HPjLrJKYU>Uc=uHQPc=dCI<jc$sr%rd#)v_W25iY)sl^P|Lka>9EIB>N}A
zs3EdG%lCAt{W+!CW3o9t_<{4<y-<QCK*?uW@K?`}CB>iB6XzIh8B(aVFo-^N8)(e~
z#3F6M$_nLAHsfpnPlAM@chK#@As9)>s?Ev!lhA4~niFi~cuiMkm;#Nfi33f+qvNn|
z1AU2ogJJ_xMs9lf0u|4qj({pNT|DahERJayC;A2zn^2BQiT9GM-~?q0ie6h@0<6)P
xFi9a@^#DISkgzF$ZB;`E3HopUhQBF%YnLXt;`#L6=s@`05k;0#-g~O3@i#{|ax(w`

literal 0
HcmV?d00001

diff --git a/site/template/styles.css b/site/template/styles.css
index 8ecf8fdc..49d2649b 100644
--- a/site/template/styles.css
+++ b/site/template/styles.css
@@ -247,6 +247,8 @@ footer { border-top: 1px solid var(--border-soft); margin-top: 40px; padding: 40
 .qr-card { margin: 0; }
 .qr-card img { width: 158px; height: auto; border-radius: 12px; background: #fff; display: block; border: 1px solid var(--border-soft); }
 .qr-card figcaption { margin-top: 10px; font-size: 12.5px; color: var(--text-faint); }
+.qr-card a { color: inherit; text-decoration: none; }
+.qr-card a:hover { text-decoration: underline; }
 
 /* ---------- 响应式 ---------- */
 @media (max-width: 720px) {