vue.js - 没有在 Nuxt + Vue 项目中加载 Markdown 样式
问题描述
我正在开发一个 Vue + Nuxt + Tailwind 项目,并使用标记库将文本转换为降价。
问题是“标题”和“链接”等一些样式可以正确加载,而“粗体”、“斜体”等一些基本样式可以正常加载。
例如:
- 当我使用“*hello* world”时,它会转换为“ hello world”。
- 当我使用“# hello world”时,它不会增加文本的大小。
- 当我使用“[google]( https://google.com )”时,它会创建一个链接,但该链接不是蓝色的。
不知道这里有什么问题。如果需要更多详细信息,请告诉我。
解决方案
由于tailwind.css 中的tailwind.css,h1 - h6 标题不起作用。
选项 1)将此添加到您的tailwind.config.js
:
module.exports = {
corePlugins: {
preflight: false,
},
....
}
来源:https ://github.com/tailwindlabs/tailwindcss/issues/1460
选项 2) 尝试在您的文件中为h1
..添加自定义 css。h6
css
https://www.w3schools.com/tags/tag_hn.asp 从这里复制样式
同样尝试为其他问题添加自定义 css。
推荐阅读
- installation - fedora 的安装:没有任何反应
- hybris - 客户将可选配置文件加载到 hybris
- html - 需要帮助修改自定义下拉菜单并更改其值
- javascript - 为什么 forEach 函数在这里给出错误“无法读取未定义的属性 'forEach'”?
- html - Chrome 内置 PDF 查看器的自定义标题
- android - xxx 0 未知错误的 Http 失败响应
- c# - 设置父类变量并将其放入子类c#
- docker - 当我启动`docker compose up`时,如何解决“权限被拒绝”的问题?
- java - 一次为所有客户端定义 /mp-rest/url Quarkus YAML
- postgresql - 在组内添加唯一的行