Stonez56 Logo Stonez56 Web Counter API

🎨 Dynamic SVG Badge Builder

Create customizable, multilingual visit counter badges for GitHub READMEs, personal blogs, or web apps.

1
設定網站 / App 專屬識別碼 (Website or App ID) 此 ID 將作為資料庫統計計數的唯一標靶,日後所有造訪數據均綁定於此。
ℹ️ 支援英數字元、連字號 (-)、底線 (_) 與點 (.)。若未填寫預設以 demo-counter 預覽。
2
配置數據指標與外觀參數 (Parameters) 自訂欲統計的訪客指標類型、徽章顯示文字、版面樣式與字型大小。
⚙️ 進階累計行為與課堂碼設定 (選填) ▼ 展開
3
挑選數據主題色彩 (Theme Palette) 點擊精選主題色票,或使用調色盤自訂任意 Hex 色彩。
目前選定主題色 / 自訂調色 (Custom Color):
#4c1
💡 外觀與顏色說明:顏色與樣式已包含於網址參數中(如 ?color=eab308)。日後更換顏色只需重新選色點擊生成即可,完全不會重置或影響您的造訪計數!
4
確認設定並生成嵌入語法 (Generate & Snippets) 完成上述 1~3 步驟後,點擊右側按鈕即時渲染徽章圖章並產出 Markdown 與 HTML 嵌入代碼。
🎯

尚未生成嵌入語法

請於上方輸入專屬網站或 App ID,挑選喜歡的樣式與顏色後,點擊「✨ 確認設定並生成語法」,系統將即時渲染預覽圖並產生 Markdown 與 HTML 嵌入代碼!

🔒 Admin Authentication

Enter your secret ADMIN_TOKEN to unlock counter management, listing, reset, deletion, and Developer API Reference.