使用 MDX

这个主题自带了 @astrojs/mdx 集成,已在 astro.config.mjs 配置文件中安装和配置。如果你不想使用 MDX,可以从配置文件中移除该集成来禁用支持。

为什么选择 MDX?

MDX 是 Markdown 的一个特殊变体,支持嵌入 JavaScript 和 JSX 语法。这使你能够在 Markdown 内容中混合使用 JavaScript 和 UI 组件,实现交互式图表或提示框等功能。

如果你有已经用 MDX 编写的内容,这个集成将帮助你轻松迁移到 Astro。

示例

以下是如何在 MDX 中导入和使用 UI 组件。 在浏览器中打开此页面时,你应该能看到下面的可点击按钮。

MDX 中的嵌入组件

更多链接

嵌入思维导图

MDX 还能嵌入更复杂的自定义组件。下面是一个交互式的技术知识体系思维导图,展示了 Astro 组件在 MDX 中的强大能力:

15
主题模块
120+
知识节点
6
核心领域
⌨️
编程语言
9
Java Python JavaScript Golang 语言共性分析
语言工具
语言静态检查工具集合 编译原理简单学习
单元测试
Java 单元测试框架
🗄️
数据库
12
数据库事务 ACID 四要素
名称描述
AAtomicity 原子性所有操作要么全部完成,要么全部不完成
CConsistency 一致性事务前后数据一致性约束不被破坏
IIsolation 隔离性多个并发事务互不干扰
DDurability 持久性事务完成后数据永久保存
关系型数据库
数据库底层设计 MySQL PostgreSQL
NoSQL 数据库
向量数据库 ElasticSearch MongoDB 图数据库 时序数据库
缓存层
Redis 布隆过滤器
📨
消息队列
4
MQ 中间件:利用可靠消息传递机制进行与平台无关的数据交流,支持点对点传输和 Pub/Sub 广播模式
Kafka (ZooKeeper / Scala) RabbitMQ RocketMQ Zipkin
🌐
Linux 网络
14
网络基础 SSE (Server-Sent Events) Streamable HTTP RPC & gRPC 网络安全
负载均衡 & 网络工具
Nginx Caddy IP 池 FOFA gRPC-Web Tinc 私域 VPN 科学上网方案 内网穿透 & NAT 详解
🧠
大模型项目综合能力
25
课程笔记
硬件
GPU / NPU 显卡硬件通信 Nvidia CUDA
深度学习开发
Colab
Model 模型
大模型 小模型 大模型推理框架 OpenAI 平台接口
Agent 产品 & 开发范式
产品概要分析 Code Agent SpecKit (BDD 开发范式) Google AI Studio LangChain Agent Skills MCP Open WebUI
RAG
RAG 基础 RAG 效果评测 文档解析 多模型多语言配置 AI Agent Agentic RAG Prompt Engineering Function Call RAG 性能优化
🎨
前端
3
Vue 3 Astro Tailwind CSS
🔧
Linux 运维 & DevOps
10
操作系统基础 运维思路记录 内存泄露排查 基于 lsyncd 容灾
DevOps
Jenkins Observability JFrog Artifactory ZRAM & SWAP 镜像发布瘦身 CI 构建细节
📁
文件系统
7
Linux 文件系统详解 NFS 非结构化数据存储选型 对象存储 JuiceFS 挂载点检测 & 恢复自愈 存储卷和快照
🏗️
架构
11
高并发架构 高可用架构 分布式系统详解 DDD License 授权模式 Kerberos CDN Serverless & Service Mesh 架构图绘制
大数据(简单理解)
Hadoop HDFS
🐳
容器
3
Docker Kubernetes (K8s) CUDA 容器运行时
🧩
设计模式
3
实例 系统设计 GitHub
🪟
Windows 开发
2
WinSW & NSIS 应用迁移
🔒
网络安全
4
常见攻击手段与防护 Bastion 堡垒机 2FA 双因素认证 SRP (RFC 2945)
🧮
算法与数据结构
3
经典数据结构和算法 LeetCode Python 刷题常用 SDK
💼
面试题收集
3
RAG 面试 场景题 每日疑点整理