量化日记：从这里开始

这里是你的量化日记与研究报告站点，从这篇开始写即可。本文会把你现在博客「文章里能用的功能」都演示一遍，你可以直接复制改成自己的内容。

0. 写作清单（建议）

• 先写结论（3–7 行），再写依据（图表/数据/推导/引用）。
• 每篇文章加 tags，方便在 /tags 和 /archive 里检索归档。
• 有数据图时：优先放静态图（快），需要交互再按需加载交互图（更舒服）。

0.1 新文章 Frontmatter 模板（复制用）

---
title: 你的标题
date: 'YYYY-MM-DD'
lastmod: 'YYYY-MM-DD'
tags: ['quant', 'diary']
draft: false
summary: 一句话总结
# bibliography: references-data.bib
# layout: PostLayout
---

0.2 图表/图片文件约定（建议统一）

• 静态图片：放 public/static/images/<topic>/xxx.png，文章里引用 ![alt](/static/images/<topic>/xxx.png)
• 交互数据：放 public/static/charts/<topic>/xxx.json，文章里引用：
  • 折线：<QuantLineChart dataUrl="/static/charts/<topic>/xxx.json" autoLoad />
  • 蜡烛：<QuantCandlestickChart dataUrl="/static/charts/<topic>/xxx.json" autoLoad />

1. 目录与排版

文章的目录（TOC）、标题锚点、代码高亮、阅读时间等，会由页面布局自动生成。 你只需要用清晰的标题层级（## / ###）组织内容即可。

2. 图片（自动尺寸）

把图片放到 public/static/images/，然后在文章中引用：

3. 链接（站内/站外）

• 站内：/archive、/tags
• 站外：支持普通 Markdown 链接

示例：

• 站内：去看看 归档 和 标签
• 站外：参考资料（示例）Pandoc

4. 提示块（Note/Tip/Warning）

5. 列表 / 任务清单 / 表格（GFM）

任务清单：

• 记录核心结论
• 附上关键图表/数据
• 复盘：假设是否失效？

表格：

6. 公式（KaTeX）

行内：$r_t = \frac{P_t - P_{t-1}}{P_{t-1}}$
块级：

7. 代码（高亮 + 代码标题）

支持语法高亮，也支持“代码块标题”（写法：在语言后面加 :标题）。

import pandas as pd

returns = prices.pct_change().dropna()

8. 引用（Citation）

你可以在正文里用 [@Nash1950] 这种方式插入引用：例如纳什均衡的经典论文 (Nash, 1950)。

9. 交互图表（按需加载：uPlot / lightweight-charts）

数据文件建议按“文章/主题”分文件夹放在 public/static/charts/ 下，便于后续文章复用与管理。

本篇示例数据位置：

• public/static/charts/quant-diary/line-nav-demo.json
• public/static/charts/quant-diary/uplot-6000pts.json
• public/static/charts/quant-diary/candles-ohlcv-demo.json

9.1 lightweight-charts：蜡烛图（金融交互体验）

拖拽/缩放/十字线很顺手，适合看“行情结构”和关键拐点：

9.2 uPlot：海量点位（轻、快）

6000 个点（1 分钟级），加载后滚轮缩放依然很顺：

9.3 多序列净值对比（含均线）

10. Newsletter（可选）

如果你未来想在文章底部放订阅表单，可以直接插入：

11. 脚注（可选）

脚注示例：回撤控制通常比“多赚一点”更重要。¹