路线图

计划开始

2020/1/18

网站建立

视频将会积累起来，直到一年中断期结束，在此期间进行打磨，存档都会在这个网站更新，不知道这个网站有没有墙。

由于没有钱买服务器，所以本网站为纯前端实现网站，托管于 Github Pages，采用开源 API 接口实现一些实用工具。

代码 90% 原创。

(2020/7/31 ~ 2020/8)
并学习 HTML 5 + CSS + JavaScript，建立一个网站，积累经验。

1. 大 UI 建立，参考视频：基础框架，响应式布局。(2020/7/31 ~ 2020/8/2)
2. 进度条，参考视频：进度条动画(2020/8/5)，阅读进度条(2020/8/10~2020/8/11)
3. 展示区块，参考视频：CSS瀑布流(2020/8/21)，选项卡(2020/10/24)，动态SVG(2020/10/25)，内卷码(2021/5/14)
4. 文稿（更新缓慢）
5. 实用工具：PGFPlots 代码生成器(Vue.js,2020/9~2020/10, 2021/2~2021/4), SJTUBeamer(2021/3/20~)，AutoBeamer(2021/2~)，manim-subtitler(2021/7~)
6. 迁移至国内服务器（可选）
7. PHP等非静态网页设计（可选）

标题方案

1. 总览：讲述这个系列所推荐工具的优点：统一的设计语言（全部完成后才能做）衬线字体 为PDF设计的矢量方案
2. 环境搭建：VS Code x \(\rm \LaTeX\), Markdown -> \(\rm \LaTeX\), MikTeX
3. 视频动效：Beamer vs. PPT插件 做 3Blue1Brown 类的视频，提一下 manim
4. 矢量图绘制：TikZEdt 快速使用 tikz 插入矢量图 全版本下载链接
5. 平几专精：tkz-Euclide 几何画板
6. 统计图：PGFPlots 简约统计图 各种类型的统计图 导入数据的统计图 思维导图
7. 幻灯片：beamer 幻灯片制作
8. 边栏设计：tcolorbox 做小栏

形式创新点(postponed)

1. Logo
2. 关键部分字幕
3. 底端进度条
4. 头秃时刻
5. 设计新 UI（可选）
6. 在线 TikZ 工具（可选）
7. 如何讲解代码课程
8. 添加高级弹幕，点击即可复制代码到剪贴板
9. 添加高级弹幕，点击跳转至相应视频
10. 1080P60
11. 一键三连三角动画

参考资料

1. 入门大全集
2. TikZ & PGF学习笔记
3. PGFplots 官方文档
4. tkz-Euclide 官方文档
5. tcolorbox 官方文档
6. 各种看过的 \(\rm \LaTeX\) 中文书籍