contentV2渲染你把我害得好惨啊(踩坑2022-12-18

俗话说nuxt入门一时爽,边学边走火葬场,指的是入门时感受到了nuxt带来的方便,但随着学习的深入,会发现存在着不少得坑,而nuxt又是高度化封装,好多都是黑盒,有时候效果不如意,但控制台又没给报错信息,又不好debug,让人非常之头疼...

邻近年底,我也开始做毕设了,选题是Three.js+node个人博客,前端技术栈里,前台用nuxt3,后台用vue3,寻思着还没学过nuxt3,就去看文档了,看着看着,发现有一个content v2 的东西,可以直接渲染md文件,好家伙,这不是能让我事半功倍的家伙吗,必须拿下!

这不,在初始和尝鲜之后我觉得它特别方便,又有了把自己博客转过来的想法,说干就干,停下了手中毕设的工作,着手把hexo转到nuxt3,随着进度不断加快,遇到了让我头疼很久的坑,content v2渲染的时候是能渲染出来的,但我发现样式不起效。

理想中应该是这样:

His4l5 但渲染出来却是这样子:

xtLVfB

由于代码块有颜色,而控制台也没报错,我就以为自己成功用上了,可能是我没仔细看文档,哪里需要配置我给漏了(nuxt简中文档过于滞后,我看的是英文版,这也让我更加倾向于自己漏看了什么)。

让人头疼的地方来了,前前后后我把rendering章节看了不止十遍,甚至用上翻译,也确定了自己使用是正确的,但他妈的就是没样式,而且,整个简中互联网根本就没有这样的问题和对应解决方案,控制台没报错,要debug也没有文件来给断点,我陷入困境。花了好长时间,尝试各种方案,期间我还问了ChatGPT,都没解决,我也越来越无奈难受,自己写在全局里写了一份样式了却生效了,或许就是这样子使用的?脑瓜子开始嗡嗡响起来了,我知道自己用脑过度需要补点糖了。

吃了几条士力架回来,继续罗搜各种可能性,今天天气不好,阴天下着小雨,只能看到乌云,寒潮带着塞外干燥的北风直逼南下,令人感觉不太舒服,我也早早就关上门窗窝在床上取暖,骤然,眼前视觉一变,笔记本电脑亮度变暗,不对,是整个房间在变亮,让我意识到是外面突然照起了阳光,我感到一阵温暖。它像是答案钥匙穿透着玻璃窗照满整个房间———一篇Building a blog with Nuxt Content v2 and TailwindCSS引起了我的注意,当我看到依赖下载部分时,发现多了一个我没用过的依赖@tailwindcss/typography,插件,你成功引起了我的注意力。

到这也就结束,本来憋了一大堆话想臭骂一顿nuxt简中环境的,想想还是算了,己所不欲勿施于人,事情结尾当然也解决掉问题了,就是在这个插件的缺失而引起的,最后我也希望contentV2的文档首页里,能够友好的说明一下自己提供了prose可以配合UI框架的typography插件一起使用达到markdown渲染效果,这可是很重要的事,可以放在首页里。

最后的最后,感谢Jeff Blogmeyer的文章为我解惑,感谢.