Linserin Tools / Recent content on Linserin Tools Hugo zh-cn Mon, 22 Jun 2026 10:52:18 +0800 代码高亮 /list/code-highlight/ Mon, 22 Jun 2026 10:52:18 +0800 /list/code-highlight/ <h2 id="使用方式">使用方式</h2> <p>Past your code.</p> <p>Powered by <a href="http://highlightjs.org">highlight.js</a></p> <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" id="themeCss" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/styles/default.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/highlight.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> </head> <body style="margin:0;padding:20px;font-family:sans-serif;display:flex;flex-direction:column;align-items:center;min-height:100vh;box-sizing:border-box"> <div style="max-width:800px;width:100%"> <h2 style="margin:0 0 12px;font-size:18px;font-weight:600;color:#333"></h2> <div style="display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap"> <select id="lang" style="padding:6px 10px;font-size:13px;border:1px solid #ccc;border-radius:4px;background:#fff"> <option value="">自动检测</option> <option value="html">HTML</option> <option value="css">CSS</option> <option value="javascript">JavaScript</option> <option value="typescript">TypeScript</option> <option value="python">Python</option> <option value="go">Go</option> <option value="java">Java</option> <option value="cpp">C++</option> <option value="c">C</option> <option value="rust">Rust</option> <option value="sql">SQL</option> <option value="bash">Bash</option> <option value="json">JSON</option> <option value="xml">XML</option> <option value="markdown">Markdown</option> </select> <select id="theme" style="padding:6px 10px;font-size:13px;border:1px solid #ccc;border-radius:4px;background:#fff"> <option value="default">Default</option> <option value="github">GitHub</option> <option value="github-dark">GitHub Dark</option> <option value="vs">VS</option> <option value="vs2015">VS2015</option> <option value="atom-one-dark">Atom One Dark</option> <option value="atom-one-light">Atom One Light</option> <option value="monokai">Monokai</option> <option value="monokai-sublime">Monokai Sublime</option> <option value="dracula">Dracula</option> <option value="nord">Nord</option> <option value="solarized-light">Solarized Light</option> <option value="solarized-dark">Solarized Dark</option> <option value="tomorrow">Tomorrow</option> <option value="tomorrow-night">Tomorrow Night</option> <option value="stackoverflow-light">StackOverflow Light</option> <option value="stackoverflow-dark">StackOverflow Dark</option> <option value="androidstudio">Android Studio</option> <option value="agate">Agate</option> <option value="shades-of-purple">Shades of Purple</option> <option value="obsidian">Obsidian</option> <option value="rainbow">Rainbow</option> </select> <button id="downloadBtn" style="padding:6px 16px;font-size:13px;border:none;border-radius:4px;background:#333;color:#fff;cursor:pointer">下载为 PNG</button> <button id="copyBtn" style="padding:6px 16px;font-size:13px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#333;cursor:pointer">复制 HTML</button> <span id="status" style="font-size:12px;color:#999;align-self:center;margin-left:auto"></span> </div> <textarea id="input" placeholder="在此粘贴或输入代码…" style="width:100%;height:200px;padding:12px;font-family:monospace;font-size:14px;border:1px solid #ddd;border-radius:4px;resize:vertical;box-sizing:border-box;tab-size:2;white-space:pre;overflow:auto"></textarea> <div id="preview" style="margin-top:12px;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1)"> <pre style="margin:0;padding:16px;overflow:auto;font-size:14px;line-height:1.5"><code id="output" class="hljs"></code></pre> </div> <p style="margin:8px 0 0;font-size:12px;color:#aaa;text-align:center">输入代码后自动高亮，点击「下载为 PNG」保存为图片</p> </div> <script> const input = document.getElementById('input'); const output = document.getElementById('output'); const langSelect = document.getElementById('lang'); const themeSelect = document.getElementById('theme'); const themeCss = document.getElementById('themeCss'); const status = document.getElementById('status'); const preview = document.getElementById('preview'); const previewBox = preview.querySelector('pre'); let timer = null; const darkThemes = new Set([ 'github-dark','vs2015','atom-one-dark','monokai','monokai-sublime', 'dracula','nord','solarized-dark','tomorrow-night', 'stackoverflow-dark','androidstudio','agate','shades-of-purple','obsidian' ]); function switchTheme(name) { themeCss.href = 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/styles/' + name + '.min.css'; const isDark = darkThemes.has(name); preview.style.background = isDark ? '#1e1e1e' : '#fff'; previewBox.style.background = isDark ? '#1e1e1e' : '#fff'; } themeSelect.addEventListener('change', () => switchTheme(themeSelect.value)); function highlight() { const code = input.value; const lang = langSelect.value; const el = document.createElement('code'); el.className = 'hljs'; if (lang) el.className += ' language-' + lang; el.textContent = code || ' '; if (code) { try { if (lang) { el.innerHTML = hljs.highlight(code, { language: lang }).value; } else { el.innerHTML = hljs.highlightAuto(code).value; } } catch (e) { el.textContent = code; } } output.innerHTML = el.innerHTML; output.className = el.className; } input.addEventListener('input', () => { clearTimeout(timer); timer = setTimeout(highlight, 200); }); langSelect.addEventListener('change', highlight); document.getElementById('downloadBtn').addEventListener('click', async () => { if (!input.value.trim()) { status.textContent = '⚠️ 请先输入代码'; return; } status.textContent = '⏳ 生成中…'; try { const pre = preview.querySelector('pre'); const origOverflow = pre.style.overflow; pre.style.overflow = 'visible'; const isDark = darkThemes.has(themeSelect.value); const canvas = await html2canvas(preview, { scale: 2, backgroundColor: isDark ? '#1e1e1e' : '#fff', allowTaint: false, useCORS: true, logging: false, }); pre.style.overflow = origOverflow; const link = document.createElement('a'); link.download = 'code.png'; link.href = canvas.toDataURL('image/png'); link.click(); status.textContent = '✅ 已下载'; } catch (e) { status.textContent = '❌ 生成失败'; console.error(e); } }); document.getElementById('copyBtn').addEventListener('click', async () => { const html = output.innerHTML; if (!html.trim() || html === '<span class="hljs"></span>') { status.textContent = '⚠️ 请先输入代码'; return; } try { await navigator.clipboard.writeText( '<pre><code class="hljs' + (langSelect.value ? ' language-' + langSelect.value : '') + '">' + html + '</code></pre>' ); status.textContent = '✅ 已复制'; } catch { status.textContent = '❌ 复制失败'; } }); highlight(); </script> </body> </html> 2FA /list/2fa/ Mon, 01 Jan 0001 00:00:00 +0000 /list/2fa/ <h2 id="使用方式">使用方式</h2> <p>在页面下方的输入框中粘贴你的 <strong>Base32 密钥</strong>（即 2FA 密钥，通常由 Authenticator 应用提供），点击「保存」即可生成动态验证码。</p> <p>密钥保存在浏览器本地存储中，刷新页面不会丢失。点击「清除」可重新输入。</p> <div id="2fa"> <div id="key-setup" style="margin-bottom:16px;text-align:center"> <input type="text" id="key-input" placeholder="输入你的 Base32 密钥..." style="padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:4px;width:280px;max-width:100%;font-family:monospace"> <button id="key-save" style="padding:8px 16px;font-size:14px;border:none;border-radius:4px;background:#e53935;color:#fff;cursor:pointer;margin-left:8px">保存</button> <button id="key-clear" style="padding:8px 16px;font-size:14px;border:1px solid #ccc;border-radius:4px;background:transparent;color:#666;cursor:pointer;margin-left:4px">清除</button> </div> <div id="key-status" style="text-align:center;font-size:13px;color:#999;margin-bottom:12px"></div> <div id="totp-display" style="display:none"> <div id="code">------</div> <svg viewBox="0 0 60 60" width="60" height="60"> <circle cx="30" cy="30" r="26" fill="none" stroke="#ddd" stroke-width="4"/> <circle cx="30" cy="30" r="26" fill="none" stroke="#e53935" stroke-width="4" stroke-dasharray="163.36" stroke-dashoffset="0" transform="rotate(-90 30 30)" id="arc"/> </svg> <span id="sec">30</span> <div id="next">▶ <span id="nextcode">------</span></div> </div> </div> <script> const step=30; const STORAGE_KEY='2fa_secret'; function base32Decode(s){ const map='ABCDEFGHIJKLMNOPQRSTUVWXYZ234567'; let bits=0,bitCount=0,out=[]; for(let ch of s.toUpperCase()){ let val=map.indexOf(ch); if(val<0) continue; bits=(bits<<5)|val; bitCount+=5; if(bitCount>=8){ out.push((bits>>>(bitCount-8))&255); bitCount-=8; } } return Uint8Array.from(out); } async function getKey(){ let stored=localStorage.getItem(STORAGE_KEY); if(!stored) return null; try{ return base32Decode(stored); }catch(e){ return null; } } function truncate(h){let o=h[19]&0xf;return((h[o]&0x7f)<<24|(h[o+1]&0xff)<<16|(h[o+2]&0xff)<<8|(h[o+3]&0xff))%1000000} function pad(n){return n.toString().padStart(6,'0')} async function totp(t,keyBytes){ let msg=Uint8Array.from([0,0,0,0,t>>>24,t>>>16&255,t>>>8&255,t&255]); let k=await crypto.subtle.importKey('raw',keyBytes,{name:'HMAC',hash:'SHA-1'},!1,['sign']); let s=await crypto.subtle.sign('HMAC',k,msg); return new Uint8Array(s); } function updateDisplay(keyBytes){ let t=Math.floor(Date.now()/1e3),c=Math.floor(t/step); (async()=>{ let h=await totp(c,keyBytes),code=pad(truncate(h)); let h2=await totp(c+1,keyBytes),next=pad(truncate(h2)); document.getElementById('code').textContent=code; document.getElementById('nextcode').textContent=next; })(); let r=step-(t%step); document.getElementById('sec').textContent=r; let circ=document.getElementById('arc'),d=163.36; circ.style.strokeDashoffset=d*(1-r/step); } let _timer=null; function startTOTP(keyBytes){ document.getElementById('totp-display').style.display=''; document.getElementById('key-input').style.display='none'; document.getElementById('key-save').style.display='none'; document.getElementById('key-clear').textContent='清除密钥'; document.getElementById('key-status').textContent='✅ 密钥已配置'; if(_timer) clearInterval(_timer); updateDisplay(keyBytes); _timer=setInterval(()=>updateDisplay(keyBytes),200); } function stopTOTP(){ if(_timer){ clearInterval(_timer);_timer=null; } document.getElementById('totp-display').style.display='none'; document.getElementById('key-input').style.display=''; document.getElementById('key-save').style.display=''; document.getElementById('key-clear').textContent='清除'; let secret=localStorage.getItem(STORAGE_KEY); document.getElementById('key-status').textContent=''; } function init(){ let savedKey=localStorage.getItem(STORAGE_KEY); if(savedKey){ let bytes=base32Decode(savedKey); if(bytes&&bytes.length>0){ startTOTP(bytes); return; } } stopTOTP(); } document.getElementById('key-save').addEventListener('click',()=>{ let input=document.getElementById('key-input').value.trim(); if(!input){ alert('请输入 Base32 密钥'); return; } let bytes=base32Decode(input); if(bytes.length<5){ alert('密钥太短，请检查输入是否正确（Base32 格式）'); return; } localStorage.setItem(STORAGE_KEY,input); startTOTP(bytes); }); document.getElementById('key-clear').addEventListener('click',()=>{ localStorage.removeItem(STORAGE_KEY); document.getElementById('key-input').value=''; stopTOTP(); }); document.getElementById('key-input').addEventListener('keydown',(e)=>{ if(e.key==='Enter') document.getElementById('key-save').click(); }); (function(){ let container=document.getElementById('2fa'); let shortcodeKey=container.getAttribute('data-key'); if(shortcodeKey){ document.getElementById('key-input').value=shortcodeKey; document.getElementById('key-save').click(); }else{ init(); } })(); </script> IP 查询 /list/ip/ Mon, 01 Jan 0001 00:00:00 +0000 /list/ip/ <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>IPInfo + DoH 查询工具</title> <style> body{ font-family: Arial, sans-serif; margin:0; padding:20px; } .container{ max-width:1200px; margin:auto; } .card{ border-radius:12px; padding:20px; margin-bottom:20px; box-shadow:0 2px 10px rgba(0,0,0,.08); } h1{ margin-top:0; } input{ width:100%; padding:12px; font-size:16px; border:1px solid #ccc; border-radius:8px; box-sizing:border-box; } button{ margin-top:12px; padding:12px 18px; border:none; border-radius:8px; cursor:pointer; font-size:15px; } .primary{ background:#111; color:white; } .secondary{ background:#ddd; } table{ width:100%; border-collapse:collapse; margin-top:15px; } th, td{ border:1px solid #ddd; padding:10px; text-align:left; vertical-align:top; } th{ background:#eee; } .status{ margin-top:10px; color:#666; font-size:14px; } pre{ background:#111; color:#0f0; padding:15px; overflow:auto; border-radius:8px; max-height:400px; } .badge{ display:inline-block; padding:4px 8px; border-radius:999px; font-size:12px; background:#eee; } .good{ background:#d4ffd4; } .bad{ background:#ffd4d4; } </style> </head> <body> <div class="container"> <div class="card"> <h1>IPInfo + DoH 查询工具</h1> <input type="text" id="input" placeholder="输入 IP 或域名，例如：8.8.8.8 或 example.com" > <button class="primary" id="queryBtn"> 开始查询 </button> <button class="secondary" id="myIpBtn"> 查询我的 IP </button> <button class="secondary" id="copyBtn" style="display:none;"> 复制 JSON </button> <div class="status" id="status"></div> <div id="progressContainer" style="display:none; margin-top:10px;"> <progress id="progressBar" style="width:100%;" max="100" value="0"></progress> </div> </div> <div class="card"> <h2>查询结果</h2> <table id="resultTable"> <thead> <tr> <th>DoH</th> <th>IP</th> <th>主机名</th> <th>城市</th> <th>区域</th> <th>国家</th> <th>ASN / 组织</th> <th>坐标</th> <th>邮编</th> <th>时区</th> <th>Anycast</th> </tr> </thead> <tbody id="resultBody"></tbody> </table> </div> </div> <script> const TOKEN = "74577d84a8037c"; const dohServers = [ { name:"Google", url:"https://dns.google/resolve" }, { name:"Cloudflare", url:"https://cloudflare-dns.com/dns-query" }, { name:"AliDNS", url:"https://dns.alidns.com/resolve" }, { name:"DNS.SB", url:"https://doh.dns.sb/dns-query" } ]; const input = document.getElementById("input"); const queryBtn = document.getElementById("queryBtn"); const myIpBtn = document.getElementById("myIpBtn"); const copyBtn = document.getElementById("copyBtn"); const resultTable = document.getElementById("resultTable"); const resultBody = document.getElementById("resultBody"); const statusBox = document.getElementById("status"); const progressContainer = document.getElementById("progressContainer"); const progressBar = document.getElementById("progressBar"); let currentJSON = ""; function isIP(str){ const ipv4 = /^(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}$/; const ipv6 = /:/; return ipv4.test(str) || ipv6.test(str); } function isDomain(str){ return /^[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(str); } async function queryIP(ip){ const url = `https://ipinfo.io/${ip}?token=${TOKEN}`; const response = await fetch(url); return await response.json(); } function updateProgress(percent, text){ progressBar.value = percent; statusBox.innerText = text; progressContainer.style.display = "block"; } function addRow(provider, data){ const tr = document.createElement("tr"); tr.innerHTML = ` <td>${provider}</td> <td>${data.ip || "N/A"}</td> <td>${data.hostname || "N/A"}</td> <td>${data.city || "N/A"}</td> <td>${data.region || "N/A"}</td> <td>${data.country || "N/A"}</td> <td>${data.org || "N/A"}</td> <td>${data.loc || "N/A"}</td> <td>${data.postal || "N/A"}</td> <td>${data.timezone || "N/A"}</td> <td>${data.anycast ? '<span class="badge good">Yes</span>' : '<span class="badge bad">No</span>'}</td> `; resultBody.appendChild(tr); return tr; } function updateRow(tr, data){ const cells = tr.children; cells[1].textContent = data.ip || "N/A"; cells[2].textContent = data.hostname || "N/A"; cells[3].textContent = data.city || "N/A"; cells[4].textContent = data.region || "N/A"; cells[5].textContent = data.country || "N/A"; cells[6].textContent = data.org || "N/A"; cells[7].textContent = data.loc || "N/A"; cells[8].textContent = data.postal || "N/A"; cells[9].textContent = data.timezone || "N/A"; cells[10].innerHTML = data.anycast ? '<span class="badge good">Yes</span>' : '<span class="badge bad">No</span>'; } function addPlaceholderRow(provider, ip){ const tr = document.createElement("tr"); tr.innerHTML = ` <td>${provider}</td> <td>${ip}</td> <td>...</td> <td>...</td> <td>...</td> <td>...</td> <td>...</td> <td>...</td> <td>...</td> <td>...</td> <td>...</td> `; resultBody.appendChild(tr); return tr; } function addErrorRow(provider, message){ const tr = document.createElement("tr"); tr.innerHTML = `<td>${provider}</td><td colspan="10">${message}</td>`; resultBody.appendChild(tr); return tr; } async function startQuery(target){ resultBody.innerHTML = ""; currentJSON = ""; copyBtn.style.display = "none"; resultTable.style.display = "table"; progressContainer.style.display = "none"; progressBar.value = 0; statusBox.innerText = ""; try { if(target === "json" || target === "myip"){ updateProgress(10, "正在查询本机 IP..."); const data = await queryIP("json"); addRow("本机 IP", data); currentJSON = JSON.stringify(data, null, 2); updateProgress(100, "查询完成"); copyBtn.style.display = "inline-block"; return; } if(isIP(target)){ updateProgress(10, "正在查询 IP 信息..."); const data = await queryIP(target); addRow("Direct", data); currentJSON = JSON.stringify(data, null, 2); updateProgress(100, "查询完成"); copyBtn.style.display = "inline-block"; return; } if(isDomain(target)){ const dnsPhase = 30; const ipPhase = 70; const dnsCount = dohServers.length; let dnsCompleted = 0; let allIpTasks = []; const dnsPromises = dohServers.map(async (doh) => { let result; try { const start = performance.now(); const response = await fetch(`${doh.url}?name=${target}&type=A`, { headers: { "accept": "application/dns-json" } }); const ms = Math.round(performance.now() - start); const data = await response.json(); const ips = data.Answer ? data.Answer.filter(x => x.type === 1).map(x => x.data) : []; result = { provider: doh.name, ips, latency: ms, error: null }; } catch(err) { result = { provider: doh.name, ips: [], latency: null, error: err.message }; } dnsCompleted++; const pct = (dnsCompleted / dnsCount) * dnsPhase; updateProgress(pct, `DNS 解析中 (${result.provider})`); if(result.error || result.ips.length === 0){ addErrorRow(result.provider, result.error || "无 IP 返回"); return []; } const tasks = []; for(const ip of result.ips){ const label = `${result.provider} (${result.latency}ms)`; const tr = addPlaceholderRow(label, ip); tasks.push({ tr, provider: result.provider, latency: result.latency, ip, data: null, error: null }); } return tasks; }); const nestedTasks = await Promise.all(dnsPromises); allIpTasks = nestedTasks.flat(); if(allIpTasks.length === 0){ updateProgress(100, "DNS 解析未获得有效 IP"); copyBtn.style.display = "inline-block"; return; } const total = allIpTasks.length; let completed = 0; await Promise.allSettled(allIpTasks.map(async (task) => { try { const info = await queryIP(task.ip); updateRow(task.tr, info); task.data = info; } catch(err){ const cells = task.tr.children; for(let i=2; i<=10; i++) cells[i].textContent = `错误: ${err.message}`; task.error = err.message; } finally { completed++; const pct = dnsPhase + (completed / total) * ipPhase; updateProgress(pct, `IP (${completed}/${total})`); } })); const allResults = allIpTasks.map(t => ({ provider: t.provider, latency: t.latency, ip: t.ip, info: t.data, error: t.error })); currentJSON = JSON.stringify(allResults, null, 2); updateProgress(100, "查询完成"); copyBtn.style.display = "inline-block"; return; } alert("请输入有效 IP 或域名"); } catch(err){ statusBox.innerText = "查询失败：" + err.message; progressContainer.style.display = "none"; } } queryBtn.addEventListener("click", () => { const value = input.value.trim(); if(!value){ alert("请输入 IP 或域名"); return; } startQuery(value); }); myIpBtn.addEventListener("click", () => { startQuery("json"); }); copyBtn.addEventListener("click", async () => { try{ await navigator.clipboard.writeText(currentJSON); alert("JSON 已复制"); } catch(err){ alert("复制失败"); } }); </script> </body> </html> UUID 生成 /list/uuid/ Mon, 01 Jan 0001 00:00:00 +0000 /list/uuid/ <label>数量：<input type="number" id="uuid-count" value="10" min="1"></label> <button id="uuid-gen">生成</button> <br> <textarea id="uuid-output" rows="12" readonly style="width:100%;font-family:monospace;box-sizing:border-box"></textarea> <script> (function(){ const ta = document.getElementById('uuid-output'); const countInput = document.getElementById('uuid-count'); const genBtn = document.getElementById('uuid-gen'); const urlNum = parseInt(new URLSearchParams(location.search).get('num')); if (urlNum > 0) countInput.value = urlNum; function generate() { const n = parseInt(countInput.value) || 1; const lines = []; for (let i = 0; i < n; i++) { lines.push(crypto.randomUUID()); } ta.value = lines.join('\n'); } generate(); genBtn.addEventListener('click', generate); })(); </script>