使用 MDX
这个主题自带了 @astrojs/mdx 集成,已在 astro.config.mjs 配置文件中安装和配置。如果你不想使用 MDX,可以从配置文件中移除该集成来禁用支持。
为什么选择 MDX?
MDX 是 Markdown 的一个特殊变体,支持嵌入 JavaScript 和 JSX 语法。这使你能够在 Markdown 内容中混合使用 JavaScript 和 UI 组件,实现交互式图表或提示框等功能。
如果你有已经用 MDX 编写的内容,这个集成将帮助你轻松迁移到 Astro。
示例
以下是如何在 MDX 中导入和使用 UI 组件。 在浏览器中打开此页面时,你应该能看到下面的可点击按钮。
MDX 中的嵌入组件
更多链接
- MDX 语法文档
- Astro 使用文档
- 注意: 客户端指令仍然需要用来创建交互式组件。否则,MDX 中的所有组件默认将作为静态 HTML 渲染(无 JavaScript)。
嵌入思维导图
MDX 还能嵌入更复杂的自定义组件。下面是一个交互式的技术知识体系思维导图,展示了 Astro 组件在 MDX 中的强大能力:
15
主题模块
120+
知识节点
6
核心领域
编程语言
9 Java Python JavaScript Golang 语言共性分析
语言工具
语言静态检查工具集合 编译原理简单学习
单元测试
Java 单元测试框架
数据库
12
数据库事务 ACID 四要素
| 名称 | 描述 | |
|---|---|---|
| A | Atomicity 原子性 | 所有操作要么全部完成,要么全部不完成 |
| C | Consistency 一致性 | 事务前后数据一致性约束不被破坏 |
| I | Isolation 隔离性 | 多个并发事务互不干扰 |
| D | Durability 持久性 | 事务完成后数据永久保存 |
关系型数据库
数据库底层设计 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 面试 场景题 每日疑点整理