博客前几天是初步搭成了，搭成后又很不爽，尤其不爽这个像灵动岛似的头

于是又折腾，发现vitepress也有mdx类似方案的特性，Markdown文本格式就能生成网页，也能植入前端代码。性能上也优越不少。而且vue.js官方文档就是用这个，也有人长期维护。对比来看，mdx相关的方案就显得混乱不堪

vue.js官网甚至植入了一个vue代码演练场，没有依赖什么sandbox之类的外部网站。这个也是我之前想达到的效果（我知道可以iframe sandbox，就像React官网那样，单纯不喜欢）

同时它有一个很适合做教程的特性，像图二那样step1到15，就直接组织好教程了

今天研究了一下代码，单独摘出演练场跟教程的逻辑。不过目前个人需要的是HTML、CSS、JS这种演练场，后续还得再头疼