一页面重构（开发起来比原来快，页面比原来好看）

前端使用 vite + tailwindcss 重构。一是为了保持服务端选染衣达到 seo 友好的目的，二是 tailwindcss+vite 确实可以和当前项目比较友好的结合。并且最终打包出来的资源也是相对小巧的。并且这个过程中，体验到了一些比较新的库和 ai 的结合。比如 rule 比如 context7 ，可以查找最新的文档并正确使用对应的的组件。

二 markdown 渲染/样式更改

在上个小版本服务端采用 goldmark 将 markdown 转 html ，前端再加入一些样式。发布页面是 vue + md-editor-v3 。但是两者展示的差异比较大，并且由于使用的不同库，导致主题切换的时候非常难以维护。并且不同组件的主题适配非常麻烦。

所以新的版本中 markdown 渲染采用了都支持 CommonMark 的 markdown-it(js) 和 goldmark(go) . 采用了相同的配置，mermaid 通过前端自动发现是否需要渲染，同时相关样式采用 @tailwindcss/typography 来渲染。算是一个一致/性能/体验的都比较不错的方案。

老实说，为了在服务端选染，这一块之前搞得好纠结。文章发布页面换过好几次前端组件，之前发布的版本用的 md-editor-v3 ，打包后感觉比较重，而且预览样式无法做到和高度一致（不但无法高度一致而且差异不算小）。这里采用直接用 markdown-it + mermaid 进行 CommonMark 语法的转化，然后通过 tailwindcss 的 @tailwindcss/typography 插件进行美化，这样可以保证前端编辑和最终服务端选染的一致。