dsh
f81d41c5ca
站点：纯静态 HTML + CSS + 原生 JS，零框架零构建
页面：首页 / 合作品牌 / 荣誉资质 / 客户案例 / 关于我们
内容：
- site/ 站点本体（含已压缩 webp 图片，约 4.8 MB）
- deploy/ Docker Compose / Caddy / Apache 部署配置
- _tools/ 开发自检脚本与部署脚本
- Dockerfile 自建 nginx 镜像方案
- README.md 项目文档
设计：品牌黄 #ffc107 + 白，深蓝仅用于页脚；菜单长期置顶；
交互动效只加在关键词与区块级元素上。
素材说明：原始素材（背景图/老网站/方案/荣誉资质/合作品牌，约 290 MB）
未纳入版本控制，站点使用的是 site/assets 内已处理压缩的图片。
47 lines
2.3 KiB
JavaScript
47 lines
2.3 KiB
JavaScript
// 把内页里的深色区块 / 内联深色样式改成明亮版本，并统一图标 class
|
|
const fs = require('fs');
|
|
const path = require('path');
|
|
|
|
const SITE = path.join(__dirname, '..', 'site');
|
|
const PAGES = ['brands.html', 'honors.html', 'cases.html', 'about.html'];
|
|
|
|
const darkSection = /<section class="section section--dark">/g;
|
|
const darkBg = /<div class="cta__bg" data-lqip="([^"]+)"([^>]*?)style="opacity:\.\d+"([^>]*)><\/div>/g;
|
|
|
|
for (const f of PAGES) {
|
|
const p = path.join(SITE, f);
|
|
let s = fs.readFileSync(p, 'utf8');
|
|
const before = s;
|
|
let n = 0;
|
|
|
|
// 1) 深色区块 -> 暖色浅底
|
|
s = s.replace(darkSection, () => { n++; return '<section class="section section--warm">'; });
|
|
|
|
// 2) 深色区块里的卡片内联样式（深底 + 白字）改成默认浅色
|
|
s = s.replace(/style="--d:(\.\d+)s;background:rgba\(255,255,255,\.04\);border-color:rgba\(255,255,255,\.1\)"/g,
|
|
(m, d) => { n++; return 'style="--d:' + d + 's"'; });
|
|
s = s.replace(/style="color:#fff"/g, () => { n++; return ''; });
|
|
s = s.replace(/<p style="color:#a8b6cc">/g, () => { n++; return '<p>'; });
|
|
|
|
// 3) 信息块的内联深色样式 -> 去掉，交给 CSS
|
|
s = s.replace(/\s*style="background:rgba\(255,255,255,\.06\);border-color:rgba\(255,255,255,\.12\)"/g,
|
|
() => { n++; return ''; });
|
|
s = s.replace(/\s*style="color:#fff"/g, () => { n++; return ''; });
|
|
s = s.replace(/\s*style="color:#a8b6cc"/g, () => { n++; return ''; });
|
|
s = s.replace(/<b style="color:#fff">/g, () => { n++; return '<b>'; });
|
|
|
|
// 4) 深色徽标样式 -> 去掉
|
|
s = s.replace(/\s*style="background:rgba\(255,193,7,\.12\);border-color:rgba\(255,193,7,\.32\);color:#fff"/g,
|
|
() => { n++; return ''; });
|
|
|
|
// 5) CTA 里的深色遮罩层：去掉 opacity 内联，交给 CSS
|
|
s = s.replace(/<div class="cta__bg" data-lqip="([^"]+)"([^>]*?)style="opacity:\.\d+"\s*><\/div>/g,
|
|
(m, k, rest) => { n++; return '<div class="cta__bg" data-lqip="' + k + '" data-bg="assets/img/hero/' + k.split('/')[1] + '.webp"' + rest + '></div>'; });
|
|
|
|
// 6) 手风琴图标：chev → 由 CSS 统一控制
|
|
s = s.replace(/ data-icon-class="chev chev"/g, () => { n++; return ''; });
|
|
|
|
if (s !== before) { fs.writeFileSync(p, s, 'utf8'); console.log('updated ' + f + ' (' + n + ' 处)'); }
|
|
else console.log('no change ' + f);
|
|
}
|