VarNameWeb-Client/index.html at main · null0034/VarNameWeb-Client · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self'; script-src 'self' 'sha256-8PyGgfF09BOIY4032Bp/bxB8FateXprwq8P8dvbdkZQ=' https://webtj.letoy.xyz; style-src 'self' 'unsafe-inline'; img-src 'self' data: https:; font-src 'self' data:; connect-src 'self' https://webtj.letoy.xyz http://localhost:8080 http://localhost:5173 ws://localhost:5173; object-src 'none'; base-uri 'self'; form-action 'self'"
    />
    <script>
      (function(){try{var stored=localStorage.getItem('theme');var theme=stored==='light'||stored==='dark'||stored==='system'?stored:'system';var resolved=theme==='system'?(window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light'):theme;var root=document.documentElement;root.classList.remove('light','dark');root.classList.add(resolved);root.style.colorScheme=resolved;}catch(e){document.documentElement.classList.add('light');document.documentElement.style.colorScheme='light';}})();
    </script>
    <meta name="robots" content="index, follow, max-image-preview:large" />
    <title>智能变量命名系统 (Smart Naming) - 一个基于大模型的智能变量命名工具</title>
    <meta name="description" content="VarName 智能变量命名系统：输入中文需求描述，生成规范、可读的英文变量名与多种命名格式。AI-powered naming assistant for developers." />
    <meta name="keywords" content="变量命名,变量命名工具,英文变量名,中文转英文变量名,camelCase,snake_case,PascalCase,AI命名,代码命名规范,变量名生成器,naming convention,variable naming" />
    <meta name="author" content="VarName" />
    <meta name="application-name" content="VarName" />
    <link rel="canonical" href="https://varname.letoy.xyz/" />
    <link rel="alternate" hreflang="zh-CN" href="https://varname.letoy.xyz/" />
    <link rel="alternate" hreflang="en" href="https://varname.letoy.xyz/en/" />
    <link rel="alternate" hreflang="zh-Hant" href="https://varname.letoy.xyz/zh-Hant/" />
    <link rel="alternate" hreflang="x-default" href="https://varname.letoy.xyz/" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="icon" type="image/x-icon" href="/logo.ico" />
    <link rel="manifest" href="/manifest.json" />
    <meta name="theme-color" content="#2563eb" />

    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="VarName" />
    <meta property="og:locale" content="zh_CN" />
    <meta property="og:title" content="VarName 智能变量命名系统 (Smart Naming)" />
    <meta property="og:description" content="输入中文需求描述，生成规范、可读的英文变量名与多种命名格式。AI-powered naming assistant for developers." />
    <meta property="og:url" content="https://varname.letoy.xyz/" />
    <meta property="og:image" content="https://varname.letoy.xyz/og-cover.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="VarName 智能变量命名系统封面图" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@varname" />
    <meta name="twitter:title" content="VarName 智能变量命名系统" />
    <meta name="twitter:description" content="输入中文需求描述，生成规范、可读的英文变量名与多种命名格式。" />
    <meta name="twitter:image" content="https://varname.letoy.xyz/og-cover.png" />
    <meta name="twitter:image:alt" content="VarName 智能变量命名系统封面图" />

    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "VarName",
        "alternateName": "智能变量命名系统",
        "url": "https://varname.letoy.xyz/",
        "applicationCategory": "DeveloperApplication",
        "operatingSystem": "All",
        "isAccessibleForFree": true,
        "description": "输入中文需求描述，生成规范、可读的英文变量名与多种命名格式。AI-powered naming assistant for developers.",
        "inLanguage": ["zh-CN", "zh-Hant", "en"],
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "CNY"
        },
        "featureList": "智能命名、反向解析、REST 端点命名、9 种命名格式转换"
      }
    </script>
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "VarName 智能变量命名系统",
        "url": "https://varname.letoy.xyz/",
        "inLanguage": ["zh-CN", "zh-Hant", "en"]
      }
    </script>
    <link rel="dns-prefetch" href="https://webtj.letoy.xyz" />
    <link rel="preconnect" href="https://webtj.letoy.xyz" crossorigin />
    <script
      defer
      src="https://webtj.letoy.xyz/script.js"
      data-website-id="02d4ea68-3b14-4039-820c-f1c7021e2de3"
      integrity="sha384-LTPPwaLbU0osA3KlbZu0gbKM+OX2/iNJYVcdtY6ZFUJfsuj7LJ+40McwiPCPpKad"
      crossorigin="anonymous"
    ></script>
  </head>
  <body>
    <div id="root"></div>
    <noscript>
      <div style="max-width:720px;margin:48px auto;padding:0 16px;font-family:system-ui,sans-serif;line-height:1.7;color:#0f172a">
        <h1>VarName 智能变量命名系统</h1>
        <p>VarName 是一款基于大语言模型的智能变量命名工具。开发者只需用中文描述变量用途，即可自动生成符合行业规范的英文变量名，支持 camelCase、PascalCase、snake_case、kebab-case 等 9 种主流命名格式。</p>
        <p>面向前端、后端、全栈开发者，解决变量命名困难、命名不规范、团队协作成本高、英文表达不准确等问题。</p>
        <p>本工具的搜索功能需要启用 JavaScript 才能使用，请在浏览器设置中开启 JavaScript 后访问。</p>
        <p><a href="https://varname.letoy.xyz/">返回首页</a> · <a href="https://varname.letoy.xyz/faq">常见问题</a> · <a href="https://varname.letoy.xyz/formats">命名格式对比表</a></p>
      </div>
    </noscript>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>