MCP HubMCP Hub
Volver a habilidades

build-pkgdown-site

pjt222
Actualizado 2 days ago
8 vistas
17
2
17
Ver en GitHub
Metadesign

Acerca de

Esta habilidad de Claude construye e implementa sitios de documentación pkgdown para paquetes de R en GitHub Pages. Maneja la configuración, personalización de temas, organización de artículos y preparación de despliegue. Úsala al crear nuevos sitios de documentación, personalizar diseños, corregir errores 404 o migrar entre métodos de implementación.

Instalación rápida

Claude Code

Recomendado
Principal
npx skills add pjt222/agent-almanac -a claude-code
Comando PluginAlternativo
/plugin add https://github.com/pjt222/agent-almanac
Git CloneAlternativo
git clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/build-pkgdown-site

Copia y pega este comando en Claude Code para instalar esta habilidad

Documentación

构建 pkgdown 站点

为 R 包配置并部署 pkgdown 文档网站。

适用场景

  • 为 R 包创建文档站点
  • 自定义 pkgdown 布局、主题或导航
  • 修复已部署 pkgdown 站点上的 404 错误
  • 在不同部署方法之间迁移

输入

  • 必需:带有 roxygen2 文档的 R 包
  • 必需:GitHub 仓库
  • 可选:自定义主题或品牌标识
  • 可选:需要作为文章包含的 vignette

步骤

第 1 步:初始化 pkgdown

usethis::use_pkgdown()

这会创建 _pkgdown.yml 并将 pkgdown 添加到 .Rbuildignore

预期结果: _pkgdown.yml 存在于项目根目录。.Rbuildignore 包含 pkgdown 相关条目。

失败处理: 使用 install.packages("pkgdown") 安装 pkgdown。如果 _pkgdown.yml 已存在,该函数将更新 .Rbuildignore 而不覆盖配置。

第 2 步:配置 _pkgdown.yml

url: https://username.github.io/packagename/

development:
  mode: release

template:
  bootstrap: 5
  bootswatch: flatly

navbar:
  structure:
    left: [intro, reference, articles, news]
    right: [search, github]
  components:
    github:
      icon: fa-github
      href: https://github.com/username/packagename

reference:
  - title: Core Functions
    desc: Primary package functionality
    contents:
      - main_function
      - helper_function
  - title: Utilities
    desc: Helper and utility functions
    contents:
      - starts_with("util_")

articles:
  - title: Getting Started
    contents:
      - getting-started
  - title: Advanced Usage
    contents:
      - advanced-features
      - customization

关键:设置 development: mode: release。默认的 mode: auto 会在 URL 后附加 /dev/,导致 GitHub Pages 上的 404 错误。

预期结果: _pkgdown.yml 包含有效的 YAML,具有适合该包的 urltemplatenavbarreferencearticles 部分。

失败处理: 使用在线 YAML 检查器验证 YAML 语法。确保 reference.contents 中的所有函数名称与实际导出的函数匹配。

第 3 步:本地构建

pkgdown::build_site()

预期结果: 创建 docs/ 目录,包含完整的站点,包括 index.html、函数参考页面和文章。

失败处理: 常见问题:缺少 pandoc(在 .Renviron 中设置 RSTUDIO_PANDOC)、缺少 vignette 依赖(安装建议的包),或示例损坏(修复或用 \dontrun{} 包裹)。

第 4 步:预览站点

pkgdown::preview_site()

验证导航、函数参考、文章和搜索功能是否正常工作。

预期结果: 站点在浏览器中以 localhost 打开。所有导航链接工作正常,函数参考页面渲染正确,搜索返回结果。

失败处理: 如果预览未打开,手动在浏览器中打开 docs/index.html。如果页面缺失,检查是否在构建站点之前运行了 devtools::document()

第 5 步:部署到 GitHub Pages

方法 A:GitHub Actions(推荐)

参见 setup-github-actions-ci 技能获取 pkgdown 工作流。

方法 B:手动分支部署

# Build site
Rscript -e "pkgdown::build_site()"

# Create gh-pages branch if it doesn't exist
git checkout --orphan gh-pages
git rm -rf .
cp -r docs/* .
git add .
git commit -m "Deploy pkgdown site"
git push origin gh-pages

# Switch back to main
git checkout main

预期结果: gh-pages 分支存在于远程仓库中,站点文件位于根目录级别。

失败处理: 如果推送被拒绝,确保你对仓库有写入权限。如果使用 GitHub Actions 部署,跳过此步骤并遵循 setup-github-actions-ci 技能。

第 6 步:配置 GitHub Pages

  1. 前往仓库 Settings > Pages
  2. 将 Source 设置为"Deploy from a branch"
  3. 选择 gh-pages 分支,/ (root) 文件夹
  4. 保存

预期结果: 站点在几分钟内可通过 https://username.github.io/packagename/ 访问。

失败处理: 如果站点返回 404,验证 Pages 来源是否与部署方法匹配(分支部署需要"Deploy from a branch")。检查 _pkgdown.yml 中是否设置了 development: mode: release

第 7 步:在 DESCRIPTION 中添加 URL

URL: https://username.github.io/packagename/, https://github.com/username/packagename

预期结果: DESCRIPTION 的 URL 字段包含 pkgdown 站点 URL 和 GitHub 仓库 URL,用逗号分隔。

失败处理: 如果 R CMD check 对无效 URL 发出警告,在添加 URL 之前验证 pkgdown 站点是否已实际部署且可访问。

验证清单

  • 站点在本地构建无错误
  • 所有函数参考页面正确渲染
  • 文章/vignette 可访问且渲染正确
  • 搜索功能正常工作
  • 导航链接正确
  • 站点成功部署到 GitHub Pages
  • 已部署站点上无 404 错误
  • _pkgdown.yml 中设置了 development: mode: release

常见问题

  • 部署后的 404 错误:几乎总是由 development: mode: auto(默认值)引起。更改为 mode: release

  • 缺少参考页面:函数必须被导出并有文档。先运行 devtools::document()

  • 损坏的 vignette 链接:在交叉引用中使用 vignette("name") 语法,而非文件路径

  • Logo 不显示:将 logo 放在 man/figures/logo.png 并在 _pkgdown.yml 中引用

  • 搜索不工作:需要在 _pkgdown.yml 中正确设置 url 字段

  • 混合系统上错误的 R 二进制文件:在 WSL 或 Docker 上,Rscript 可能解析为跨平台包装器而非原生 R。使用 which Rscript && Rscript --version 检查。优先使用原生 R 二进制文件(例如 Linux/WSL 上的 /usr/local/bin/Rscript)以确保可靠性。有关 R 路径配置,请参阅 Setting Up Your Environment

相关技能

  • setup-github-actions-ci — 自动化 pkgdown 部署工作流
  • write-roxygen-docs — 出现在站点上的函数文档
  • write-vignette — 出现在站点导航中的文章
  • release-package-version — 在发布时触发站点重建

Repositorio GitHub

pjt222/agent-almanac
Ruta: i18n/zh-CN/skills/build-pkgdown-site
0
agentsagentskillsai-assisted-developmentclaude-codeskillsteams

Habilidades relacionadas

content-collections

Meta

Esta habilidad proporciona una configuración probada en producción para Content Collections, una herramienta centrada en TypeScript que transforma archivos Markdown/MDX en colecciones de datos con tipado seguro mediante validación Zod. Úsala al construir blogs, sitios de documentación o aplicaciones Vite + React con mucho contenido para garantizar seguridad de tipos y validación automática de contenido. Abarca todo, desde la configuración del plugin de Vite y compilación MDX hasta la optimización de despliegue y validación de esquemas.

Ver habilidad

polymarket

Meta

Esta habilidad permite a los desarrolladores crear aplicaciones con la plataforma de mercados de predicción Polymarket, incluyendo la integración de API para operaciones y datos de mercado. También proporciona transmisión de datos en tiempo real a través de WebSocket para monitorear operaciones en vivo y actividad del mercado. Úsela para implementar estrategias de trading o crear herramientas que procesen actualizaciones de mercado en tiempo real.

Ver habilidad

creating-opencode-plugins

Meta

Esta habilidad ayuda a los desarrolladores a crear complementos de OpenCode que se conectan a más de 25 tipos de eventos, como comandos, archivos y operaciones LSP. Proporciona la estructura del complemento, las especificaciones de la API de eventos y los patrones de implementación para módulos en JavaScript/TypeScript. Úsala cuando necesites interceptar, monitorear o extender el ciclo de vida del asistente de IA de OpenCode con lógica personalizada basada en eventos.

Ver habilidad

sglang

Meta

SGLang es un framework de alto rendimiento para el servicio de LLM que se especializa en generación rápida y estructurada para JSON, expresiones regulares y flujos de trabajo de agentes utilizando su caché de prefijos RadixAttention. Ofrece una inferencia significativamente más rápida, especialmente para tareas con prefijos repetidos, lo que lo hace ideal para salidas complejas y estructuradas, y conversaciones multiturno. Elige SGLang sobre alternativas como vLLM cuando necesites decodificación restringida o estés construyendo aplicaciones con uso extensivo de prefijos compartidos.

Ver habilidad