URL模式示例文档

这是一个通过URL模式加载的Markdown文件示例。

🎯 URL模式特点

✅ 优势

• 文件缓存: 浏览器可以缓存Markdown文件
• 版本控制: 文件可以通过Git等工具进行版本控制
• 静态托管: 可以部署到CDN或静态文件服务器
• 自动重试: 支持网络错误时的自动重试机制

📁 文件管理

• 文件存储在项目的 src/demo/ 目录下
• 可以通过相对路径或绝对路径访问
• 支持嵌套目录结构

🔧 技术实现

加载流程

1. 组件接收 url prop
2. 使用 fetchAndRenderMarkdown 函数获取文件
3. 解析Frontmatter和Markdown内容
4. 渲染为HTML并支持Vue组件

错误处理

• 网络错误自动重试
• 文件不存在时显示错误信息
• 解析错误时的友好提示

📊 性能对比

特性	URL模式	内容模式
网络请求	需要	不需要
缓存支持	✅	❌
实时更新	❌	✅
文件管理	✅	❌
自动重试	✅	❌

🌟 最佳实践

何时使用URL模式

• 内容相对稳定，不需要频繁更新
• 希望利用浏览器缓存提升性能
• 内容由技术团队维护，使用Git管理
• 需要支持离线访问

文件组织建议

src/
├── docs/           # 文档文件
│   ├── guides/     # 指南类文档
│   ├── api/        # API文档
│   └── tutorials/  # 教程文档
├── content/        # 内容文件
│   ├── products/   # 产品介绍
│   ├── news/       # 新闻资讯
│   └── about/      # 关于我们
└── demo/           # 示例文件
    └── sample.md   # 当前文件

---

这个文件展示了URL模式的完整功能，包括Frontmatter解析、Markdown渲染和Vue组件支持。