Astro 不渲染有序列表
技术分享1 分钟阅读更新于

Astro 不渲染有序列表

这里写一句话简短摘要（用于 SEO 描述和列表预览卡片，建议 50-100 字）

#随笔#前端#Astro

通过 Obsidian 文件同步到 Astro 的博客文章渲染格式不正确

在 Obsidian 显示正常的有序列表

在 Astro 项目上没有渲染

查找问题

  1. 猜测应该是tailwindcss样式覆盖的问题

解决方案

  1. 安装
pnpm add -D @tailwindcss/typography
  1. 还需要配置插件
styles/global.css
 @import "tailwindcss";
 @plugin "@tailwindcss/typography"; /* 启用排版插件 */


:root {
  --accent: #2337ff;
  --accent-dark: #000d8a;
  --black: 15, 18, 25;
  --gray: 96, 115, 159;
  --gray-light: 229, 233, 240;
  --gray-dark: 34, 41, 57;
  --gray-gradient: rgba(var(--gray-light), 50%), #fff;
  --box-shadow:
    0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%),
    0 16px 32px rgba(var(--gray), 33%);
}

最终实现

解决不显示有序列表的问题