docusaurus-advanced
精通 Docusaurus 配置
文档团队在基本设置之外难以自定义 Docusaurus 站点。此技能提供有关插件、主题自定义和 MDX 集成的深入指导,用于构建高级文档站点。
Baixar o ZIP da skill
Upload no Claude
Vá em Configurações → Capacidades → Skills → Upload skill
Ative e comece a usar
Testar
A utilizar "docusaurus-advanced". 如何在 Docusaurus 中配置自定义 API URL?
Resultado esperado:
- 通过 docusaurus.config.ts 中的 customFields 暴露 API URL
- 设置环境变量:DOCUSAURUS_API_URL 或使用默认值
- 在客户端组件中通过 themeConfig.apiUrl 访问
- 为经过身份验证的部分配置 AuthBar 导航栏项
A utilizar "docusaurus-advanced". 什么是主题 swizzling,何时应该使用它?
Resultado esperado:
- 主题 swizzling 用自定义版本替换 Docusaurus 主题组件
- 当 CSS 覆盖不足以满足您的自定义需求时使用它
- 在 src/theme/ComponentName 中创建组件以覆盖
- 避免直接修改 node_modules 以防止升级问题
A utilizar "docusaurus-advanced". 如何组织我的文档侧边栏?
Resultado esperado:
- 在 sidebars.ts 中定义侧边栏结构以实现一致的导航
- 使用自动生成的侧边栏进行自动索引创建
- 使用类别节点对相关文档进行分组
- 启用可折叠类别以获得更好的用户体验
Auditoria de Segurança
SeguroThis skill is a pure documentation guide containing only informational content about Docusaurus configuration. The static analysis flagged 34 pattern-based findings, but evaluation confirms ALL are false positives: the 'hardcoded URLs' are repository metadata, 'C2 keywords' refer to content hash fields, 'weak cryptographic algorithms' are SHA-256 integrity hashes, and 'shell backticks' are documentation file path references. No executable code, command execution, or credential exfiltration exists.
Fatores de risco
🌐 Acesso à rede (3)
📁 Acesso ao sistema de arquivos (1)
⚙️ Comandos externos (9)
🔑 Variáveis de ambiente (2)
Pontuação de qualidade
O Que Você Pode Construir
自定义文档站点
学习使用自定义 CSS 和布局修改为 Docusaurus 站点设置主题和品牌。
添加交互式组件
集成 MDX 组件和自定义插件,通过交互式元素增强文档。
配置构建管道
为文档设置 API 集成、环境变量和部署配置。
Tente Estes Prompts
Explain the structure of docusaurus.config.ts and how to configure the basic settings for a documentation site.
What plugins and presets are available in Docusaurus and how do I configure the classic preset for docs, blog, and pages?
How do I customize the Docusaurus theme using CSS overrides and theme swizzling? What files should I modify?
How do I use MDX to create interactive documentation components in Docusaurus? Provide examples of embedded React components.
Melhores Práticas
- 对于包含文档、博客和页面的标准文档站点使用 classic 预设
- 将自定义 CSS 保留在 textbook/src/css/custom.css 中以实现干净的主题覆盖
- 在 sidebars.ts 中定义侧边栏以实现整个站点的一致导航
Evitar
- 避免直接修改 Docusaurus 源文件;应使用主题 swizzling
- 不要硬编码 API URL;对不同部署使用环境变量
- 避免跳过侧边栏配置;这会导致导航不一致
Perguntas Frequentes
支持哪些版本的 Docusaurus?
此技能可以生成完整的 Docusaurus 站点吗?
如何向我的配置添加自定义字段?
使用此技能时我的数据安全吗?
为什么配置更改后构建失败?
这与基础 Docusaurus 技能相比如何?
Detalhes do Desenvolvedor
Autor
AbdulSamad94Licença
MIT
Repositório
https://github.com/AbdulSamad94/Hackhaton-SpecsKitPlus/tree/master/.claude/skills/docusaurusReferência
master
Estrutura de arquivos
📄 SKILL.md