CINXE.COM

<!DOCTYPE html><html lang="en" class="font-sans text-[16px]"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width"><title>涓戜笐澶村儚 ugly-avatar | HTML.ZONE</title><link rel="canonical" href="https://html.zone/ugly-avatar/"><meta name="description" content="涓戜笐澶村儚锛屾敮鎸侀殢鏈虹敓鎴愬悇绉嶄笐涓戠殑澶村儚 ugly-avatar"><meta name="robots" content="index, follow"><meta property="og:title" content="涓戜笐澶村儚 ugly-avatar"><meta property="og:type" content="website"><meta property="og:image" content="https://cloudflare.html.zone/banner.png"><meta property="og:url" content="https://html.zone/ugly-avatar/"><meta property="og:description" content="涓戜笐澶村儚锛屾敮鎸侀殢鏈虹敓鎴愬悇绉嶄笐涓戠殑澶村儚 ugly-avatar"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="https://html.zone/ugly-avatar/"><meta name="twitter:title" content="涓戜笐澶村儚 ugly-avatar"><meta name="twitter:image" content="https://cloudflare.html.zone/banner.png"><meta name="twitter:description" content="涓戜笐澶村儚锛屾敮鎸侀殢鏈虹敓鎴愬悇绉嶄笐涓戠殑澶村儚 ugly-avatar"><link rel="stylesheet" href="/_astro/index.B7q_ulWq.css"><script type="module" src="/_astro/page.CAlCP_Mt.js"></script></head> <body class="antialiased"> <main class="flex flex-col min-h-screen"> <section class="pb-6"> <nav class="container relative z-50 h-24 select-none" x-data="{ showMenu: false }"> <div class="container relative flex flex-wrap items-center justify-between h-24 px-0 mx-auto overflow-hidden font-medium border-b border-gray-200 md:overflow-visible lg:justify-center"> <div class="flex items-center justify-start w-1/4 h-full pr-4"> <a href="/" class="flex items-center py-4 space-x-2 text-xl font-extrabold text-gray-900 md:py-0"> <span class="flex items-center justify-center w-8 h-8 text-white bg-gray-900 rounded-full"> <span class="w-6 h-6 icon-[entypo--code]"></span> </span> <span class="mx-2">HTML<dot class="text-indigo-600">.</dot>ZONE</span> </a> </div> <div class="top-0 left-0 items-start hidden w-full h-full p-4 text-sm bg-gray-900 bg-opacity-50 md:items-center md:w-3/4 md:absolute lg:text-base md:bg-transparent md:p-0 md:relative md:flex" :class="{'flex fixed': showMenu, 'hidden': !showMenu }" @touchmove.prevent> <div class="flex-col w-full h-auto overflow-hidden bg-white rounded-lg md:bg-transparent md:overflow-visible md:rounded-none md:relative md:flex md:flex-row"> <a href="/" target="_blank" class="inline-flex items-center block w-auto h-16 px-6 text-xl font-black leading-none text-gray-900 md:hidden"> <span class="flex items-center justify-center w-8 h-8 text-white bg-gray-900 rounded-full"> <span class="w-6 h-6 icon-[entypo--code]"></span> </span> <span class="mx-2">HTML<dot class="text-indigo-600">.</dot>ZONE</span> </a> <div class="w-full"></div> <div class="flex flex-col items-start justify-end w-full pt-4 md:items-center md:w-1/3 md:flex-row md:py-0">  <span class="w-full px-6 py-2 mr-0 text-gray-700 cursor-pointer md:px-3 md:mr-2 lg:mr-3 md:w-auto" @click="navigator.share({title: document.title,url: location.href})">Share</span> <a href="https://www.buymeacoffee.com/ccbikai" target="_blank" class="inline-flex items-center w-full px-5 px-6 py-3 text-sm font-medium leading-4 text-white bg-gray-900 md:w-auto md:rounded-full hover:bg-gray-800 focus:outline-none md:focus:ring-2 focus:ring-0 focus:ring-offset-2 focus:ring-gray-800">Donate</a> </div> </div> </div> <div @click="showMenu = !showMenu" x-cloak class="absolute right-0 flex flex-col items-center items-end justify-center w-10 h-10 bg-white rounded-full cursor-pointer md:hidden hover:bg-gray-100" :class="{'right-2': showMenu }"> <span x-show="!showMenu" class="w-6 h-6 icon-[mdi--dots-horizontal]"></span> <span x-show="showMenu" class="w-6 h-6 icon-[mdi--window-close]"></span> </div> </div> </nav> </section> <section class="flex flex-1"> <div class="container mx-auto md:w-10/12"> <setcion class="flex justify-center items-center relative bg-white bg-dot-black/[0.2] mb-6"> <div class="absolute pointer-events-none inset-0 flex items-center justify-center bg-white [mask-image:radial-gradient(ellipse_at_center,transparent_20%,black)]"></div> <a class="py-12 font-sans text-5xl font-bold md:text-7xl lg:text-9xl" href="/ugly-avatar"> 涓戜笐澶村儚 </a> </setcion> <img class="w-64 h-64 mx-auto block" alt="涓戜笐澶村儚 ugly-avatar" src="https://avatar.html.zone/ec87d9"> <div class="w-full text-center"> <div class="my-6"> <a href="https://avatar.html.zone/ec87d9" target="_blank"> <span class="bg-transparent text-gray-500 border border-gray-500 text-xs font-semibold px-2.5 py-0.5 rounded-full">https://avatar.html.zone/ec87d9</span> </a> </div> <button type="button" class="inline-flex items-center justify-center px-4 py-2 text-sm font-medium tracking-wide text-white transition-colors duration-200 rounded-md bg-neutral-950 hover:bg-neutral-900 focus:ring-2 focus:ring-offset-2 focus:ring-neutral-900 focus:shadow-outline focus:outline-none" onclick="location.reload()">闅忔満鐢熸垚</button> <a target="_blank" href="https://txstc55.github.io/ugly-avatar" rel="noopener noreferrer" class="mt-10 block text-center text-sm text-gray-500"> Powered By ugly-avatar </a> </div> </div> </section> <section class="text-gray-700 md:pt-6"> <div class="container flex flex-col items-center py-8 mx-auto gap-2 lg:gap-5 items-start sm:flex-row sm:items-start"> <div class="flex flex-col items-center sm:items-start py-1"> <a href="/" class="text-xl font-black leading-none text-gray-900 select-none logo">HTML<dot class="text-indigo-600">.</dot>ZONE</a> <a class="mt-4 text-sm text-gray-500 block" href="https://html.zone" target="_blank"> © 2025 Web is Cool, Web is Best. </a> </div> <div class="flex-1 sm:px-2 md:px-10 lg:px-20 xl:px-36 text-center sm:text-left"> <div class="text-lg font-bold text-gray-900 mb-4 hidden sm:block">Products</div> <div class="grid grid-cols-2 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-1"> <a href="https://tempmail.best/" class="text-xs lg:text-sm leading-6 text-gray-500 hover:text-gray-900" title="TempMail.Best"> TempMail.Best </a><a href="https://sink.cool/" class="text-xs lg:text-sm leading-6 text-gray-500 hover:text-gray-900" title="Sink.Cool"> Sink.Cool </a><a href="https://dns.surf/" class="text-xs lg:text-sm leading-6 text-gray-500 hover:text-gray-900" title="DNS.Surf"> DNS.Surf </a><a href="https://loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo.ong/" class="text-xs lg:text-sm leading-6 text-gray-500 hover:text-gray-900" title="L(O*62).ONG"> L(O*62).ONG </a><a href="https://www.beauty.codes/" class="text-xs lg:text-sm leading-6 text-gray-500 hover:text-gray-900" title="Beauty.Codes"> Beauty.Codes </a><a href="https://www.awesome-homelab.com/" class="text-xs lg:text-sm leading-6 text-gray-500 hover:text-gray-900" title="Awesome Homelab"> Awesome Homelab </a> </div> </div> <div class="inline-flex justify-center gap-5 mt-4 sm:ml-auto sm:mt-0 sm:grid sm:gap-y-1 sm:grid-cols-3"> <a x-init="$el.href = $el.href.replace('$', '@')" href="mailto:html.zone$miantiao.me" title="Email" class="text-gray-400 hover:text-gray-500"> <span class="sr-only">Email</span> <span class="w-6 h-6 icon-[mdi--email]"></span> </a> <a href="https://t.me/htmlzone" target="_blank" title="Telegram" class="text-gray-400 hover:text-gray-500"> <span class="sr-only">Telegram</span> <span class="w-6 h-6 icon-[mdi--telegram]"></span> </a> <a href="https://mt.ci" target="_blank" title="Blog" class="text-gray-400 hover:text-gray-500"> <span class="sr-only">Blog</span> <span class="w-6 h-6 icon-[mdi--blogger]"></span> </a> <a href="https://404.li/x" target="_blank" title="Twitter" class="text-gray-400 hover:text-gray-500"> <span class="sr-only">Twitter</span> <span class="w-6 h-6 icon-[mdi--twitter]"></span> </a> <a href="https://c.im/@mt" target="_blank" title="Mastodon" class="text-gray-400 hover:text-gray-500"> <span class="sr-only">Mastodon</span> <span class="w-6 h-6 icon-[mdi--mastodon]"></span> </a> <a href="https://github.com/ccbikai" target="_blank" title="GitHub" class="text-gray-400 hover:text-gray-500"> <span class="sr-only">GitHub</span> <span class="w-6 h-6 icon-[mdi--github]"></span> </a> </div> </div> </section> </main> <script type="module">"serviceWorker"in navigator&&navigator.serviceWorker.register("/sw.js",{type:"classic"});window.$track=(i,r,s)=>{window.umami?.track?.(i,r),window.plausible?.(i,{callback:s,props:r})};</script> <script defer data-domain="html.zone" src="https://click.html.zone/js/script.js"></script> <script defer data-website-id="57f65928-a2c7-4838-8216-e1bd93fbcb66" src="https://view.html.zone/script.js"></script> </body> </html>