Haozhe Wu
a7f645f368
Each section carried its own copy of the header: Home's nav had no Home, the docs' nav had no Docs, the research post had no star or theme button, and the generated Alpha Library pages had no header at all. Only the docs could switch language, and they guessed Chinese from the browser while every other page stayed English. - partials/ holds one head block, header and footer; sync_site_chrome.py writes them into every page between markers and, with --check in CI, also requires <body data-section> (the current section is highlighted by CSS), the language attributes and a single ?v= token site-wide. The Alpha Library generator inserts the same partials. - site.js is the shared shell (theme, stars, language, footer traffic on home only). English is the HTML; Chinese comes from locales/zh.json via data-i18n hooks, and check_i18n.py fails on a key with no Chinese or a Chinese string nothing uses. A URL that names a language (/docs/zh/, the two articles) shows it and remembers it; everything else follows the stored choice, English by default. theme-init.js keeps a page hidden until its Chinese text is in, so it never flashes English. - English tutorial and Chinese research post added. The Chinese tutorial gets the corrections its translation surfaced: 462 alphas in five zoos, AAPL.US, the mandate caps trades per day (it has no daily loss limit), Shadow Account extracts up to five rules, the web UI needs Docker or a checkout. - Alpha Library: the zoo pages were never deployed — content/ is gitignored and nothing built it, so every zoo link served the root redirect. The deploy now exports the manifest and renders the pages (and redeploys when agent/src/factors changes); the fifth zoo, fundamental, is listed; generated pages allow same-origin scripts only. - Phones keep the nav as a scrollable row instead of hiding it.
91 lines
5.1 KiB
HTML
91 lines
5.1 KiB
HTML
<!doctype html>
|
||
<html lang="en" data-lang-neutral>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title data-i18n="tutorials.title">Hands-on AI Quant | Vibe-Trading Wiki</title>
|
||
<meta name="description" content="Hands-on AI Quant tutorials for Vibe-Trading.">
|
||
<meta name="robots" content="index, follow, max-image-preview:large">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:site_name" content="Vibe-Trading Wiki">
|
||
<meta property="og:title" content="Hands-on AI Quant">
|
||
<meta property="og:description" content="Hands-on AI Quant tutorials for Vibe-Trading.">
|
||
<meta property="og:image" content="https://vibetrading.wiki/assets/icon.png">
|
||
<meta property="og:url" content="https://vibetrading.wiki/tutorials/">
|
||
<link rel="canonical" href="https://vibetrading.wiki/tutorials/">
|
||
<!-- site-head:start -->
|
||
<link rel="icon" type="image/png" href="/assets/icon.png">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,750&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="/styles.css?v=20260929d">
|
||
<script src="/theme-init.js?v=20260929d"></script>
|
||
<!-- site-head:end -->
|
||
<script type="module" src="/main.js?v=20260929d"></script>
|
||
</head>
|
||
<body data-section="tutorials">
|
||
<!-- site-header:start -->
|
||
<header class="site-header" id="site-header">
|
||
<div class="site-header__inner">
|
||
<a class="brand" href="/home/" aria-label="Vibe-Trading home" data-i18n-attr="aria-label=header.homeLabel">
|
||
<img class="brand__mark" src="/assets/icon.png" alt="" width="40" height="40">
|
||
<span class="brand__text">Vibe-Trading</span>
|
||
</a>
|
||
<nav class="site-nav" aria-label="Primary" data-i18n-attr="aria-label=header.navLabel">
|
||
<a href="/home/" data-nav="home" data-i18n="nav.home">Home</a>
|
||
<a href="/docs/" data-nav="docs" data-i18n="nav.docs">Docs</a>
|
||
<a href="/tutorials/" data-nav="tutorials" data-i18n="nav.tutorials">Tutorials</a>
|
||
<a href="/alpha-library/" data-nav="alpha" data-i18n="nav.alpha">Alpha Library</a>
|
||
<a href="/research-lab/" data-nav="lab" data-i18n="nav.lab">Research Lab</a>
|
||
<a href="https://github.com/HKUDS/Vibe-Trading">GitHub</a>
|
||
</nav>
|
||
<div class="site-actions">
|
||
<button class="lang-pill" id="lang-toggle" type="button" lang="zh-CN" aria-label="切换到中文">中文</button>
|
||
<a class="star-pill" href="https://github.com/HKUDS/Vibe-Trading" aria-label="Vibe-Trading on GitHub">
|
||
<span aria-hidden="true">Star</span>
|
||
<strong id="star-count">--</strong>
|
||
</a>
|
||
<button class="icon-button" id="theme-toggle" type="button" aria-label="Toggle color theme" data-i18n-attr="aria-label=header.themeLabel">
|
||
<span class="theme-icon" aria-hidden="true"></span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<!-- site-header:end -->
|
||
|
||
<main class="section-page">
|
||
<section class="section-hero">
|
||
<p class="eyebrow" data-i18n="nav.tutorials">Tutorials</p>
|
||
<h1 data-i18n="tutorials.heading">Hands-on AI Quant.</h1>
|
||
<p class="section-hero__lede" data-i18n="tutorials.lede">Guides for turning finance ideas into inspectable Vibe-Trading workflows.</p>
|
||
</section>
|
||
|
||
<section class="knowledge-grid" aria-label="Tutorial list" data-i18n-attr="aria-label=tutorials.listLabel">
|
||
<a class="knowledge-card" href="/tutorials/vibe-trading-beginner.html" data-href-zh="/tutorials/vibe-trading-beginner-zh.html">
|
||
<strong data-i18n="tutorials.beginner.tag">Beginner</strong>
|
||
<h3 data-i18n="tutorials.beginner.title">Vibe-Trading beginner's guide</h3>
|
||
<p data-i18n="tutorials.beginner.text">For readers without a finance background: factors, strategies, backtests, multi-market data sources, broker connectors and Shadow Account.</p>
|
||
</a>
|
||
</section>
|
||
</main>
|
||
|
||
<!-- site-footer:start -->
|
||
<footer class="site-footer">
|
||
<span class="site-footer__name">Vibe-Trading Wiki</span>
|
||
<a href="/docs/" data-i18n="nav.docs">Docs</a>
|
||
<a href="/tutorials/" data-i18n="nav.tutorials">Tutorials</a>
|
||
<a href="/alpha-library/" data-i18n="nav.alpha">Alpha Library</a>
|
||
<a href="/research-lab/" data-i18n="nav.lab">Research Lab</a>
|
||
<a href="https://github.com/HKUDS/Vibe-Trading">GitHub</a>
|
||
<a href="https://pypi.org/project/vibe-trading-ai/">PyPI</a>
|
||
<div class="footer-traffic" id="footer-traffic" hidden>
|
||
<span class="ft-item">🤖 <strong id="vt-agents">–</strong> <span data-i18n="footer.agents">AI agents</span></span>
|
||
<span class="ft-item">👤 <strong id="vt-humans">–</strong> <span data-i18n="footer.humans">humans</span></span>
|
||
<span class="ft-item">📦 <strong id="vt-installs">–</strong> <span data-i18n="footer.installs">installs/mo</span></span>
|
||
<span class="ft-note" data-i18n="footer.note">visitors to this site · anonymous · first-party</span>
|
||
</div>
|
||
</footer>
|
||
<!-- site-footer:end -->
|
||
</body>
|
||
</html>
|