LiuuY

Turbolinks 加速导航

1

现在顶部导航点击之后有点点缓慢，某种程度是因为点击之后 Angular Router 加载新的组件（包括 Lazy Import），但是由于网站已经使用了 SSG 来渲染了所有的导航页面，这就导致 Angular Router 重新加载的意义不大。 所以使用 `` 标签直接跳转例如: ``，但是这又导致重洗加载所有的库。 这里尝试使用 [Turbolinks](https://github.com/turbolinks/turbolinks)，来加载 ``标签跳转的内容。 还有若干问题要解决，如： 1. 虽然不需要重新加载库，但是 Angular 要重新 [bootstrapModule](https://github.com/phodal/ledge/blob/b8ce5394e2804c363b72f7fddc3fe3408421e06a/src/main.ts#L14)，这也导致在 bootstrapModule 之前无法交互（由于 Angular 没有初始化），这反而又降低了速度😅。 2. 导航选中颜色（似乎很简单解决）。...

现在 Ledge render 的 component 是写死在代码里面的，例如： ```javascript switch (codeBlock.lang) { case 'chart': const chartData = LedgeMarkdownConverter.toJson(codeBlock.text); this.markdownData.push({ type: 'chart', data: chartData.tables[0] }); break; case ... ``` 可能导致并没有使用的 component 包含进来。 可以改为...