From f42dde0f959ed46008ce16ecc6061835f3346556 Mon Sep 17 00:00:00 2001 From: yiqiu Date: Wed, 18 Mar 2026 18:33:12 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9B=BD=E9=99=85=E5=8C=96=E6=94=AF?= =?UTF-8?q?=E6=8C=81=20+=20=E5=AF=BC=E8=88=AA=E5=8F=B3=E4=BE=A7=E6=94=B9?= =?UTF-8?q?=E9=80=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 新建 js/i18n.js：轻量 i18n 引擎，130+ key 中英字典 - header.html: 去掉文档链接，控制台移入已登录区域 - header.html: 新增语言切换按钮 🌐（中/EN） - header.html: 所有文字加 data-i18n 属性 - index.html: Banner/促销/产品/解决方案/基础设施/荣誉/新闻约 60 处 data-i18n - common.css: 新增 .lang-switch 按钮样式 - 移动端侧边栏同步更新 --- common/common.css | 32 +++++ header.html | 1 + index.html | 144 +++++++++---------- js/i18n.js | 351 +++++++++++++++++++++++++++++++++++++++++++++ public/header.html | 55 +++---- 5 files changed, 487 insertions(+), 96 deletions(-) create mode 100644 js/i18n.js diff --git a/common/common.css b/common/common.css index 451ad44..875dd71 100644 --- a/common/common.css +++ b/common/common.css @@ -129,6 +129,38 @@ color: rgba(220, 228, 240, 0.9); } +/* 语言切换按钮 */ +.lang-switch { + display: flex; + align-items: center; + gap: 4px; + padding: 6px 12px; + margin-left: 12px; + border-radius: 6px; + cursor: pointer; + color: rgba(220, 228, 240, 0.85); + font-size: 13px; + font-weight: 500; + transition: background 0.15s ease, color 0.15s ease; + user-select: none; + background: rgba(255, 255, 255, 0.06); + border: 1px solid rgba(255, 255, 255, 0.08); +} + +.lang-switch:hover { + background: rgba(255, 255, 255, 0.12); + color: #fff; +} + +.lang-switch .lang-icon { + font-size: 15px; + line-height: 1; +} + +.lang-switch .lang-text { + font-weight: 600; +} + .breadcrumb { padding-left: 0; margin-bottom: 8px; diff --git a/header.html b/header.html index fc3bece..fbed475 100644 --- a/header.html +++ b/header.html @@ -105,6 +105,7 @@ + diff --git a/index.html b/index.html index 835f596..2358e27 100644 --- a/index.html +++ b/index.html @@ -58,12 +58,25 @@
-

中小企业的云计算底座

+

中小企业的云计算底座

- + +
立即查看
+
+ +
+
+
+ +

企业级云服务解决方案

+
+
立即查看
@@ -71,24 +84,11 @@
-

企业级云服务解决方案

+

全球云基础设施

- -
立即查看
-
- -
-
-
- -

全球云基础设施

-
- +
立即查看
@@ -103,32 +103,32 @@ @@ -139,21 +139,21 @@
-

热销产品推荐

-

高性价比云服务器，助力您的业务快速上云

+

热销产品推荐

+

高性价比云服务器，助力您的业务快速上云

-

香港弹性云

+

香港弹性云

- 热销 + 热销 V0新春专享
-

稳定、安全、高效、易用，可存储任意类型和形式的非结构化数据

+

稳定、安全、高效、易用，可存储任意类型和形式的非结构化数据

2核CPU | @@ -171,18 +171,18 @@
限购1台
- 立即购买 + 立即购买
-

美国高防云

+

美国高防云

V0新春专享
-

稳定、安全、高效、易用，可承载任意规模和形式的非结构化数据

+

稳定、安全、高效、易用，可承载任意规模和形式的非结构化数据

4核CPU | @@ -206,9 +206,9 @@
-

新加坡CN2云

+

新加坡CN2云

- 推荐 + 推荐 V0新春专享
@@ -236,7 +236,7 @@
-

日本BGP云

+

日本BGP云

V0新春专享
@@ -265,12 +265,12 @@
-

韩国CN2云

+

韩国CN2云

热销
-

低延迟、高速度，适合游戏、视频等对网络质量要求高的业务

+

低延迟、高速度，适合游戏、视频等对网络质量要求高的业务

4核CPU | @@ -294,12 +294,12 @@
-

国内BGP云

+

国内BGP云

- 特惠 + 特惠
-

多线BGP接入，覆盖全国各地区，访问速度快，稳定性高

+

多线BGP接入，覆盖全国各地区，访问速度快，稳定性高

2核CPU | @@ -323,12 +323,12 @@
-

镇江高防云

+

镇江高防云

- 高防 + 高防
-

T级防御能力，有效抵御各类DDoS攻击，保障业务连续性

+

T级防御能力，有效抵御各类DDoS攻击，保障业务连续性

8核CPU | @@ -352,12 +352,12 @@
-

宿迁BGP云

+

宿迁BGP云

- 上新 + 上新
-

全新BGP线路，性价比极高，适合个人站长及中小企业

+

全新BGP线路，性价比极高，适合个人站长及中小企业

4核CPU | @@ -415,33 +415,33 @@
-

全场景全栈解决方案

-
专业构架师针对丰富的业务场景，为千行百业构建稳定、易用的高性价比解决方案。
+

全场景全栈解决方案

+
专业构架师针对丰富的业务场景，为千行百业构建稳定、易用的高性价比解决方案。
@@ -603,21 +603,21 @@
-

安全合规、高速稳定的基础设施

+

安全合规、高速稳定的基础设施

-

20+

国家地理区域 +

20+

国家地理区域
-

60+

可用区 +

60+

可用区
-

500+

全球CDN节点 +

500+

全球CDN节点
-

1T+

可承载DDOS攻击 +

1T+

可承载DDOS攻击
@@ -629,8 +629,8 @@
-

企业资质与荣誉

-

实体企业,资质齐全,技术独立
国三资资质证书+增值电信业务经营许可证(ISP资质)+其他资质齐全,可帮助用户办理ICP备案、公安备案等

+

企业资质与荣誉

+

实体企业,资质齐全,技术独立
国三资资质证书+增值电信业务经营许可证(ISP资质)+其他资质齐全,可帮助用户办理ICP备案、公安备案等

@@ -647,14 +647,14 @@
-

新动向，新机遇

-
最新发展动态、最热行业资讯，与主题云一起见证云时代精彩瞬间
+

新动向，新机遇

+
最新发展动态、最热行业资讯，与主题云一起见证云时代精彩瞬间
-
官方公告
-
更多
+
官方公告
+
更多
@@ -663,8 +663,8 @@
-
新闻资讯
-
更多
+
新闻资讯
+
更多
diff --git a/js/i18n.js b/js/i18n.js new file mode 100644 index 0000000..b344256 --- /dev/null +++ b/js/i18n.js @@ -0,0 +1,351 @@ +/** + * i18n.js — 轻量国际化引擎 + * 用法：给 HTML 元素加 data-i18n="key" 属性，调用 i18n.setLang('en') 切换 + */ +(function () { + 'use strict'; + + var i18n = {}; + + // 语言字典 + i18n.dict = { + zh: { + // === Header === + nav_console: '控制台', + nav_login: '登录', + nav_register: '立即注册', + lang_label: '中', + + // === Banner 占位 === + banner_tag_cloud: '云计算', + banner_tag_value: '高性价比', + banner_title_1: '中小企业的云计算底座', + banner_desc_1: '主题云聚焦中小企业的数智化转型进程，以技术和数据为驱动，以产品和场景为载体，专注于打磨云上业务服务能力，助力中小企业全面业务上云演化。', + banner_btn: '立即查看', + banner_tag_elastic: '弹性伸缩', + banner_tag_stable: '安全稳定', + banner_title_2: '企业级云服务解决方案', + banner_desc_2: '提供高性能、高可用的云计算服务，支持弹性伸缩，按需付费，助力企业数字化转型。', + banner_tag_global: '全球部署', + banner_title_3: '全球云基础设施', + banner_desc_3: '覆盖全球20+地区，60+可用区，500+CDN节点，为您提供低延迟、高可用的云服务体验。', + + // === Banner 下方卡片 === + promo_new_user: '新用户最低可5折优惠', + promo_new_user_desc: '无数个人用户的共同选择', + promo_domain: '域名低至9元起', + promo_domain_desc: '优选主流域名注册服务', + promo_cps: '推广最高35%佣金', + promo_cps_desc: '多种产品高额返佣', + promo_register: '注册送2000元礼包', + promo_register_desc: '免费注册领取专属礼包', + + // === 热销产品 === + hot_title: '热销产品推荐', + hot_subtitle: '高性价比云服务器，助力您的业务快速上云', + badge_hot: '热销', + badge_recommend: '推荐', + badge_promo: '特惠', + badge_new: '上新', + badge_defense: '高防', + btn_buy: '立即购买', + price_limit: '限购1台', + btn_more_products: '查看更多产品', + btn_collapse_products: '收起产品', + + // === 产品名 === + product_hk_elastic: '香港弹性云', + product_us_defense: '美国高防云', + product_sg_cn2: '新加坡CN2云', + product_jp_bgp: '日本BGP云', + product_kr_cn2: '韩国CN2云', + product_cn_bgp: '国内BGP云', + product_zj_defense: '镇江高防云', + product_sq_bgp: '宿迁BGP云', + + // === 产品描述 === + product_desc_storage: '稳定、安全、高效、易用，可存储任意类型和形式的非结构化数据', + product_desc_scale: '稳定、安全、高效、易用，可承载任意规模和形式的非结构化数据', + product_desc_kr: '低延迟、高速度，适合游戏、视频等对网络质量要求高的业务', + product_desc_cn: '多线BGP接入，覆盖全国各地区，访问速度快，稳定性高', + product_desc_defense: 'T级防御能力，有效抵御各类DDoS攻击，保障业务连续性', + product_desc_sq: '全新BGP线路，性价比极高，适合个人站长及中小企业', + + // === 解决方案 === + solution_title: '全场景全栈解决方案', + solution_desc: '专业构架师针对丰富的业务场景，为千行百业构建稳定、易用的高性价比解决方案。', + tab_ecommerce: '电商', + tab_finance: '金融', + tab_game: '游戏', + tab_travel: '文旅', + tab_education: '教育', + tab_medical: '医疗', + tab_agriculture: '农业', + solution_ecommerce_title: '电商解决方案', + solution_ecommerce_sub: '应对高并发、大促等复杂场景', + solution_ecommerce_p1: '提供完整的电商云解决方案，有效应对大促、秒杀等高并发场景，保障系统稳定运行。', + solution_ecommerce_p2: '通过弹性扩容、智能调度等技术手段，助力电商平台快速响应业务需求，提升用户体验。', + solution_ecommerce_p3: '支持多种营销活动场景，实现营销创新与业务增收的双重目标。', + solution_finance_title: '金融解决方案', + solution_finance_sub: '安全可靠的金融级云服务', + solution_finance_p1: '为金融机构提供安全可靠的云计算基础设施，满足金融行业严格的监管要求和安全标准。', + solution_finance_p2: '助力金融机构打造面向垂直场景的创新金融产品，实现与用户之间的高效触达。', + solution_finance_p3: '提供风险控制、数据分析、智能客服等全方位技术支持，推动金融科技创新。', + solution_game_title: '游戏解决方案', + solution_game_sub: '低延迟、高并发的游戏云平台', + solution_game_p1: '构建高质量、全方位、深度体验的游戏云平台，提供低延迟、高并发的游戏运行环境。', + solution_game_p2: '支持游戏快速部署、弹性扩容，满足各类游戏场景需求。', + solution_game_p3: '通过智能运维、数据分析等技术手段，提升游戏研发效率，优化玩家游戏体验。', + solution_travel_title: '文旅解决方案', + solution_travel_sub: '科技赋能智慧文旅', + solution_travel_p1: '通过"科技+文化旅游"的深度融合创新及落地应用，推动文旅行业全面信息化、智慧化发展。', + solution_travel_p2: '提供智慧景区、智慧酒店、智慧旅行社等全场景解决方案，实现景区管理数字化、游客服务智能化。', + solution_travel_p3: '利用大数据、人工智能等技术，优化旅游资源配置，提升游客体验。', + solution_education_title: '教育解决方案', + solution_education_sub: '打造云时代教育新模式', + solution_education_p1: '实现教育数据互联互通、教学过程可视化、师生互动高交互的云上教育环境，打造云时代教育治理新模式。', + solution_education_p2: '提供在线课堂、智慧校园、教育管理等全方位解决方案，支持大规模在线教学和混合式教学模式。', + solution_education_p3: '通过人工智能、大数据等技术，实现个性化教学和精准教学评估。', + solution_medical_title: '医疗解决方案', + solution_medical_sub: '构建数字化医疗生态', + solution_medical_p1: '协助医疗机构打造医疗数据资源共享、医疗资源再利用、医疗知识再生产的数字化医疗生态循环体系。', + solution_medical_p2: '提供远程医疗、智慧医院、医疗影像云等解决方案，支持医疗数据安全存储和高效分析。', + solution_medical_p3: '通过云计算、人工智能等技术，辅助临床决策，提升医疗服务质量和效率。', + solution_agriculture_title: '农业解决方案', + solution_agriculture_sub: '推动智慧农业转型升级', + solution_agriculture_p1: '助力农业企业构建智慧农业生产服务体系，提升农业精细化种植与智能化管理水平。', + solution_agriculture_p2: '提供农业物联网、农产品溯源、智能灌溉等全链条解决方案，实现农业生产全过程数字化监控和管理。', + solution_agriculture_p3: '通过大数据分析和人工智能技术，优化种植方案，提高农作物产量和品质。', + solution_learn_more: '了解详情', + + // === 基础设施 === + infra_title: '安全合规、高速稳定的基础设施', + infra_regions: '国家地理区域', + infra_zones: '可用区', + infra_cdn: '全球CDN节点', + infra_ddos: '可承载DDOS攻击', + + // === 荣誉 === + honor_title: '企业资质与荣誉', + honor_subtitle: '实体企业,资质齐全,技术独立
国三资资质证书+增值电信业务经营许可证(ISP资质)+其他资质齐全,可帮助用户办理ICP备案、公安备案等', + + // === 新闻 === + news_title: '新动向，新机遇', + news_desc: '最新发展动态、最热行业资讯，与主题云一起见证云时代精彩瞬间', + news_announcement: '官方公告', + news_info: '新闻资讯', + news_more: '更多', + + // === 登录菜单 === + menu_account: '账户信息', + menu_unpaid: '未付款订单', + menu_ticket: '我的工单', + menu_logout: '退出账户', + menu_not_certified: '未实名', + menu_certified: '已实名', + }, + + en: { + // === Header === + nav_console: 'Console', + nav_login: 'Login', + nav_register: 'Sign Up', + lang_label: 'EN', + + // === Banner 占位 === + banner_tag_cloud: 'Cloud', + banner_tag_value: 'Cost-effective', + banner_title_1: 'Cloud Foundation for SMEs', + banner_desc_1: 'Focused on digital transformation for small and medium enterprises, driven by technology and data, delivering reliable cloud services to accelerate your business growth.', + banner_btn: 'Learn More', + banner_tag_elastic: 'Auto-scaling', + banner_tag_stable: 'Secure & Stable', + banner_title_2: 'Enterprise Cloud Solutions', + banner_desc_2: 'High-performance, highly available cloud computing with elastic scaling and pay-as-you-go pricing to drive digital transformation.', + banner_tag_global: 'Global Deploy', + banner_title_3: 'Global Cloud Infrastructure', + banner_desc_3: 'Over 20 regions, 60+ availability zones, 500+ CDN nodes worldwide for low-latency, highly available cloud services.', + + // === Banner 下方卡片 === + promo_new_user: 'New users get up to 50% off', + promo_new_user_desc: 'Trusted by millions of individual users', + promo_domain: 'Domains from $1.29', + promo_domain_desc: 'Premium domain registration services', + promo_cps: 'Earn up to 35% commission', + promo_cps_desc: 'High commissions across all products', + promo_register: 'Get $300 welcome bonus', + promo_register_desc: 'Sign up and claim your exclusive bonus', + + // === 热销产品 === + hot_title: 'Best-Selling Products', + hot_subtitle: 'High-performance cloud servers to accelerate your business', + badge_hot: 'Hot', + badge_recommend: 'Recommended', + badge_promo: 'Deal', + badge_new: 'New', + badge_defense: 'DDoS', + btn_buy: 'Buy Now', + price_limit: 'Limit 1', + btn_more_products: 'View More Products', + btn_collapse_products: 'Collapse', + + // === 产品名 === + product_hk_elastic: 'Hong Kong Elastic Cloud', + product_us_defense: 'US DDoS-Protected Cloud', + product_sg_cn2: 'Singapore CN2 Cloud', + product_jp_bgp: 'Japan BGP Cloud', + product_kr_cn2: 'Korea CN2 Cloud', + product_cn_bgp: 'China BGP Cloud', + product_zj_defense: 'Zhenjiang DDoS Cloud', + product_sq_bgp: 'Suqian BGP Cloud', + + // === 产品描述 === + product_desc_storage: 'Stable, secure, efficient, and user-friendly for storing unstructured data of any type', + product_desc_scale: 'Stable, secure, efficient, and user-friendly for workloads of any scale', + product_desc_kr: 'Low latency, high speed — ideal for gaming, video, and latency-sensitive applications', + product_desc_cn: 'Multi-line BGP access, nationwide coverage, fast speed and high stability', + product_desc_defense: 'T-level defense capability, effectively resisting various DDoS attacks', + product_desc_sq: 'Brand new BGP lines, extremely cost-effective, ideal for individual webmasters and SMEs', + + // === 解决方案 === + solution_title: 'Full-Stack Solutions for Every Scenario', + solution_desc: 'Professional architects build stable, easy-to-use, cost-effective solutions for all industries.', + tab_ecommerce: 'E-commerce', + tab_finance: 'Finance', + tab_game: 'Gaming', + tab_travel: 'Tourism', + tab_education: 'Education', + tab_medical: 'Healthcare', + tab_agriculture: 'Agriculture', + solution_ecommerce_title: 'E-commerce Solutions', + solution_ecommerce_sub: 'Handle high concurrency and flash sales', + solution_ecommerce_p1: 'Complete e-commerce cloud solutions for flash sales, promotions, and high-concurrency scenarios.', + solution_ecommerce_p2: 'Elastic scaling and intelligent scheduling to help e-commerce platforms respond quickly.', + solution_ecommerce_p3: 'Support various marketing scenarios to drive innovation and revenue growth.', + solution_finance_title: 'Financial Solutions', + solution_finance_sub: 'Secure and reliable financial-grade cloud', + solution_finance_p1: 'Secure cloud computing infrastructure that meets strict regulatory requirements.', + solution_finance_p2: 'Help financial institutions build innovative products for vertical scenarios.', + solution_finance_p3: 'Risk control, data analytics, and intelligent customer service support.', + solution_game_title: 'Gaming Solutions', + solution_game_sub: 'Low-latency, high-concurrency gaming platform', + solution_game_p1: 'Build high-quality gaming cloud platforms with low latency and high concurrency.', + solution_game_p2: 'Rapid deployment and elastic scaling for all game types.', + solution_game_p3: 'Intelligent operations and data analytics to optimize player experience.', + solution_travel_title: 'Tourism Solutions', + solution_travel_sub: 'Technology-powered smart tourism', + solution_travel_p1: 'Deep integration of technology and cultural tourism for industry-wide digital transformation.', + solution_travel_p2: 'Smart scenic areas, smart hotels, and smart travel agencies.', + solution_travel_p3: 'Big data and AI to optimize tourism resources and enhance visitor experience.', + solution_education_title: 'Education Solutions', + solution_education_sub: 'Cloud-era education innovation', + solution_education_p1: 'Cloud-based education with data interconnection, visual teaching, and interactive collaboration.', + solution_education_p2: 'Online classrooms, smart campuses, and education management at scale.', + solution_education_p3: 'AI and big data for personalized teaching and precise assessment.', + solution_medical_title: 'Healthcare Solutions', + solution_medical_sub: 'Building a digital medical ecosystem', + solution_medical_p1: 'Help medical institutions build a digital healthcare ecosystem for data sharing.', + solution_medical_p2: 'Telemedicine, smart hospitals, and medical imaging cloud solutions.', + solution_medical_p3: 'Cloud computing and AI to assist clinical decisions and improve care quality.', + solution_agriculture_title: 'Agriculture Solutions', + solution_agriculture_sub: 'Driving smart agriculture transformation', + solution_agriculture_p1: 'Build smart agricultural production service systems for precision farming.', + solution_agriculture_p2: 'IoT, traceability, and smart irrigation across the entire agricultural chain.', + solution_agriculture_p3: 'Big data and AI to optimize planting plans and improve crop yield.', + solution_learn_more: 'Learn More', + + // === 基础设施 === + infra_title: 'Secure, Compliant & High-Speed Infrastructure', + infra_regions: 'Geographic Regions', + infra_zones: 'Availability Zones', + infra_cdn: 'Global CDN Nodes', + infra_ddos: 'DDoS Protection Capacity', + + // === 荣誉 === + honor_title: 'Certifications & Awards', + honor_subtitle: 'Established enterprise with complete certifications and independent technology
ISP license, MIIT certification, and various qualifications to assist with ICP and public security filings', + + // === 新闻 === + news_title: 'Latest News & Opportunities', + news_desc: 'Stay updated with the latest developments and industry insights', + news_announcement: 'Announcements', + news_info: 'News', + news_more: 'More', + + // === 登录菜单 === + menu_account: 'Account', + menu_unpaid: 'Unpaid Orders', + menu_ticket: 'My Tickets', + menu_logout: 'Logout', + menu_not_certified: 'Unverified', + menu_certified: 'Verified', + } + }; + + /** + * 获取当前语言 + */ + i18n.getLang = function () { + return localStorage.getItem('lang') || 'zh'; + }; + + /** + * 设置语言并更新页面 + */ + i18n.setLang = function (lang) { + if (!i18n.dict[lang]) return; + localStorage.setItem('lang', lang); + i18n.apply(lang); + }; + + /** + * 切换语言 (zh ↔ en) + */ + i18n.toggle = function () { + var current = i18n.getLang(); + i18n.setLang(current === 'zh' ? 'en' : 'zh'); + }; + + /** + * 应用语言到页面 + */ + i18n.apply = function (lang) { + lang = lang || i18n.getLang(); + var dict = i18n.dict[lang]; + if (!dict) return; + + // 遍历所有 data-i18n 元素 + var els = document.querySelectorAll('[data-i18n]'); + for (var idx = 0; idx < els.length; idx++) { + var el = els[idx]; + var key = el.getAttribute('data-i18n'); + if (dict[key] !== undefined) { + // 对包含 HTML 的内容用 innerHTML（如 ） + if (dict[key].indexOf('<') !== -1) { + el.innerHTML = dict[key]; + } else { + el.textContent = dict[key]; + } + } + } + + // 更新 html lang 属性 + document.documentElement.lang = lang === 'zh' ? 'zh-CN' : 'en'; + + // 更新语言切换按钮文字 + var langText = document.querySelector('.lang-text'); + if (langText) { + langText.textContent = dict.lang_label || lang.toUpperCase(); + } + }; + + // 暴露到全局 + window.i18n = i18n; + + // DOM 就绪时自动应用 + if (document.readyState === 'loading') { + document.addEventListener('DOMContentLoaded', function () { i18n.apply(); }); + } else { + i18n.apply(); + } +})(); diff --git a/public/header.html b/public/header.html index 43e6d4c..769f43a 100644 --- a/public/header.html +++ b/public/header.html @@ -27,31 +27,36 @@
- 文档 - | - 控制台 - | + + + +
+
+ 🌐 中 / EN +