chore: auto deploy 2026-01-21 10:59:04
This commit is contained in:
taimafanl
BIN
assets/og-shared.jpg
Normal file
BIN
assets/og-shared.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 869 KiB |
143
build.js
143
build.js
@@ -5,6 +5,28 @@ const data = require('./data.js');
|
|||||||
|
|
||||||
const template = fs.readFileSync(path.join(__dirname, 'template.html'), 'utf-8');
|
const template = fs.readFileSync(path.join(__dirname, 'template.html'), 'utf-8');
|
||||||
|
|
||||||
|
// 清理并创建 dist 目录
|
||||||
|
const distDir = path.join(__dirname, 'dist');
|
||||||
|
if (fs.existsSync(distDir)) {
|
||||||
|
fs.rmSync(distDir, { recursive: true, force: true });
|
||||||
|
}
|
||||||
|
fs.mkdirSync(distDir);
|
||||||
|
|
||||||
|
// 创建子目录
|
||||||
|
const projectSubDir = path.join(distDir, data.siteConfig.basePath.replace(/^\//, ''));
|
||||||
|
if (!fs.existsSync(projectSubDir)) {
|
||||||
|
fs.mkdirSync(projectSubDir, { recursive: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
// 拷贝 assets 目录
|
||||||
|
const assetsDir = path.join(__dirname, 'assets');
|
||||||
|
const targetAssetsDir = path.join(projectSubDir, 'assets');
|
||||||
|
if (fs.existsSync(assetsDir)) {
|
||||||
|
if (!fs.existsSync(targetAssetsDir)) fs.mkdirSync(targetAssetsDir, { recursive: true });
|
||||||
|
fs.cpSync(assetsDir, targetAssetsDir, { recursive: true });
|
||||||
|
console.log('✅ Assets 已同步');
|
||||||
|
}
|
||||||
|
|
||||||
data.languages.forEach(lang => {
|
data.languages.forEach(lang => {
|
||||||
const content = data.content[lang];
|
const content = data.content[lang];
|
||||||
let html = template;
|
let html = template;
|
||||||
@@ -66,12 +88,10 @@ data.languages.forEach(lang => {
|
|||||||
|
|
||||||
html = html.replace(/{{tableRows}}/g, rowsHtml);
|
html = html.replace(/{{tableRows}}/g, rowsHtml);
|
||||||
|
|
||||||
const distDir = path.join(__dirname, 'dist');
|
const outputDir = path.join(projectSubDir, lang);
|
||||||
const outputDir = path.join(distDir, lang);
|
if (!fs.existsSync(outputDir)) fs.mkdirSync(outputDir, { recursive: true });
|
||||||
if (!fs.existsSync(distDir)) fs.mkdirSync(distDir);
|
|
||||||
if (!fs.existsSync(outputDir)) fs.mkdirSync(outputDir);
|
|
||||||
fs.writeFileSync(path.join(outputDir, 'index.html'), html);
|
fs.writeFileSync(path.join(outputDir, 'index.html'), html);
|
||||||
console.log(`✅ ${lang} 版生成完毕`);
|
console.log(`✅ ${lang} 版生成完毕 (输出至: ${data.siteConfig.basePath}/${lang}/)`);
|
||||||
});
|
});
|
||||||
|
|
||||||
// 生成 sitemap.xml
|
// 生成 sitemap.xml
|
||||||
@@ -95,3 +115,116 @@ Sitemap: ${data.siteConfig.domain}${data.siteConfig.basePath}/sitemap.xml
|
|||||||
`;
|
`;
|
||||||
fs.writeFileSync(path.join(__dirname, 'dist', 'robots.txt'), robots);
|
fs.writeFileSync(path.join(__dirname, 'dist', 'robots.txt'), robots);
|
||||||
console.log('✅ robots.txt 已生成');
|
console.log('✅ robots.txt 已生成');
|
||||||
|
|
||||||
|
// 生成根目录首页 (PickBetterAI.com 门面)
|
||||||
|
const homeHtml = `<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Pick Better AI - Smart Decisions Enhanced by AI</title>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Outfit:wght@700;800&display=swap" rel="stylesheet">
|
||||||
|
<style>
|
||||||
|
:root {
|
||||||
|
--bg: #030712;
|
||||||
|
--card-bg: rgba(17, 24, 39, 0.7);
|
||||||
|
--accent: #6366f1;
|
||||||
|
--text: #f9fafb;
|
||||||
|
--text-muted: #9ca3af;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
font-family: 'Inter', sans-serif;
|
||||||
|
background: var(--bg);
|
||||||
|
color: var(--text);
|
||||||
|
margin: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-height: 100vh;
|
||||||
|
background-image: radial-gradient(circle at top right, rgba(99, 102, 241, 0.15), transparent),
|
||||||
|
radial-gradient(circle at bottom left, rgba(168, 85, 247, 0.15), transparent);
|
||||||
|
}
|
||||||
|
.container {
|
||||||
|
max-width: 1000px;
|
||||||
|
width: 90%;
|
||||||
|
padding: 40px 0;
|
||||||
|
}
|
||||||
|
header { text-align: center; margin-bottom: 60px; }
|
||||||
|
h1 { font-family: 'Outfit', sans-serif; font-size: 48px; margin: 0; background: linear-gradient(to right, #fff, #9ca3af); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
|
||||||
|
header p { color: var(--text-muted); font-size: 18px; margin-top: 10px; }
|
||||||
|
|
||||||
|
.bento-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
grid-gap: 24px;
|
||||||
|
}
|
||||||
|
.card {
|
||||||
|
background: var(--card-bg);
|
||||||
|
backdrop-filter: blur(12px);
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||||
|
border-radius: 24px;
|
||||||
|
padding: 30px;
|
||||||
|
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s;
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.card:hover { transform: translateY(-5px); border-color: var(--accent); }
|
||||||
|
.card.featured { grid-column: span 2; grid-row: span 2; background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.1)); border: 1px solid rgba(99, 102, 241, 0.3); }
|
||||||
|
.card h2 { font-size: 24px; margin: 0 0 10px 0; font-family: 'Outfit', sans-serif; }
|
||||||
|
.card p { color: var(--text-muted); font-size: 14px; line-height: 1.6; margin: 0; }
|
||||||
|
.card .icon { font-size: 40px; margin-bottom: 20px; }
|
||||||
|
.tag { display: inline-block; padding: 4px 12px; border-radius: 100px; font-size: 10px; font-weight: 700; text-transform: uppercase; background: var(--accent); color: white; margin-bottom: 12px; }
|
||||||
|
.tag.soon { background: #374151; color: #9ca3af; }
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.bento-grid { grid-template-columns: 1fr; }
|
||||||
|
.card.featured { grid-column: span 1; grid-row: span 1; }
|
||||||
|
h1 { font-size: 32px; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<header>
|
||||||
|
<div style="font-family: 'Outfit', sans-serif; font-weight: 800; font-size: 24px; color: var(--accent); margin-bottom: 20px;">PickBetterAI</div>
|
||||||
|
<h1>Smart Decisions, Enhanced by AI</h1>
|
||||||
|
<p>We help you find the best options in travel, tech, and life.</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="bento-grid">
|
||||||
|
<a href="${data.siteConfig.basePath}/zh/index.html" class="card featured">
|
||||||
|
<div class="tag">Active Tool</div>
|
||||||
|
<div class="icon">⚽️</div>
|
||||||
|
<div>
|
||||||
|
<h2>2026 World Cup City Planner</h2>
|
||||||
|
<p>Compare 16 host cities across USA, Canada, and Mexico. Decide where to watch based on match count, budget, and local logistics. Multi-language support included.</p>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="tag soon">Coming Soon</div>
|
||||||
|
<div class="icon">💻</div>
|
||||||
|
<h2>AI Tech Selection</h2>
|
||||||
|
<p>Picking the right AI model or tool for your specific workflow.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card">
|
||||||
|
<div class="tag soon">Coming Soon</div>
|
||||||
|
<div class="icon">✈️</div>
|
||||||
|
<h2>Smart Travel</h2>
|
||||||
|
<p>Data-driven destination comparison for digital nomads.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="card" style="grid-column: span 3; padding: 20px; text-align: center; background: transparent; border: none;">
|
||||||
|
<p>© 2026 PickBetterAI.com | All Rights Reserved</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>`;
|
||||||
|
|
||||||
|
fs.writeFileSync(path.join(__dirname, 'dist', 'index.html'), homeHtml);
|
||||||
|
console.log('✅ 根目录首页 index.html 已生成');
|
||||||
|
|||||||
Reference in New Issue
Block a user