站点:纯静态 HTML + CSS + 原生 JS,零框架零构建
页面:首页 / 合作品牌 / 荣誉资质 / 客户案例 / 关于我们
内容:
- site/ 站点本体(含已压缩 webp 图片,约 4.8 MB)
- deploy/ Docker Compose / Caddy / Apache 部署配置
- _tools/ 开发自检脚本与部署脚本
- Dockerfile 自建 nginx 镜像方案
- README.md 项目文档
设计:品牌黄 #ffc107 + 白,深蓝仅用于页脚;菜单长期置顶;
交互动效只加在关键词与区块级元素上。
素材说明:原始素材(背景图/老网站/方案/荣誉资质/合作品牌,约 290 MB)
未纳入版本控制,站点使用的是 site/assets 内已处理压缩的图片。
49 lines
2.2 KiB
JavaScript
49 lines
2.2 KiB
JavaScript
// 收尾:清掉剩余旧色值、首屏/页头底色改纯白、聚焦圈加强、去掉卡片灰色光晕
|
||
const fs = require('fs');
|
||
const path = require('path');
|
||
|
||
const CSS = path.join(__dirname, '..', 'site', 'assets', 'css', 'main.css');
|
||
let css = fs.readFileSync(CSS, 'utf8');
|
||
const log = [];
|
||
|
||
function sub(from, to, label) {
|
||
const n = css.split(from).length - 1;
|
||
css = css.split(from).join(to);
|
||
log.push(' ' + (n ? 'OK ' : '!! ') + label + '(' + n + ' 处)');
|
||
}
|
||
|
||
// 1) 暖白底提纯
|
||
sub('#fffdf7', '#fffefb', '暖白底提纯');
|
||
|
||
// 2) 残留的旧深蓝统一
|
||
sub('rgba(15, 28, 49,', 'rgba(11, 21, 38,', '旧深蓝 rgba 统一');
|
||
|
||
// 3) 首屏底色改纯白
|
||
sub(' background: var(--bg-warm);\n overflow: hidden;\n padding: clamp(60px, 6vw, 88px) 0 clamp(56px, 5.5vw, 84px);',
|
||
' background: #fff;\n overflow: hidden;\n padding: clamp(60px, 6vw, 88px) 0 clamp(56px, 5.5vw, 84px);',
|
||
'首屏底色改纯白');
|
||
|
||
// 4) 内页页头底色改纯白
|
||
sub(' background: var(--bg-warm);\n overflow: hidden;\n isolation: isolate;\n border-bottom: 1px solid var(--line);',
|
||
' background: #fff;\n overflow: hidden;\n isolation: isolate;\n border-bottom: 1px solid var(--line);',
|
||
'内页页头底色改纯白');
|
||
|
||
// 5) 输入框聚焦圈加强
|
||
sub('box-shadow: 0 0 0 4px rgba(255, 198, 26, .18);',
|
||
'box-shadow: 0 0 0 3px rgba(255, 193, 7, .3);',
|
||
'输入框聚焦圈加强');
|
||
|
||
// 6) 去掉 .card 的灰色径向光晕(它让卡片发灰)
|
||
const before6 = css;
|
||
css = css.replace(/\n\.card::after \{[\s\S]*?\n\}\n/, '\n');
|
||
css = css.replace(/\n\.card:hover::after \{[^}]*\}\n/, '\n');
|
||
log.push(' ' + (css !== before6 ? 'OK 已移除 .card 的灰色光晕层' : '!! 未找到 .card::after'));
|
||
|
||
fs.writeFileSync(CSS, css, 'utf8');
|
||
console.log(log.join('\n'));
|
||
const o = (css.match(/{/g) || []).length, c = (css.match(/}/g) || []).length;
|
||
console.log('\n大括号: ' + o + ' / ' + c + (o === c ? ' OK' : ' 不配对!'));
|
||
console.log('残留 #fffdf7: ' + (css.match(/#fffdf7/g) || []).length +
|
||
' / rgba(15,28,49: ' + (css.match(/rgba\(15, 28, 49/g) || []).length);
|
||
console.log('变量 --bg-warm 仍被引用: ' + (css.match(/var\(--bg-warm\)/g) || []).length + ' 处');
|