MCP HubMCP Hub
Retour aux compétences

build-pkgdown-site

pjt222
Mis à jour 2 days ago
5 vues
17
2
17
Voir sur GitHub
Métadesign

À propos

Cette compétence Claude construit et déploie des sites de documentation pkgdown pour les packages R sur GitHub Pages. Elle gère la configuration, le thème, l'organisation des articles et la configuration du déploiement. Utilisez-la lors de la création de nouveaux sites de documentation, de la personnalisation des mises en page, de la correction d'erreurs 404 ou de la migration entre différentes méthodes de déploiement.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add pjt222/agent-almanac -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/pjt222/agent-almanac
Git CloneAlternatif
git clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/build-pkgdown-site

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Documentation

构建 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 — 在发布时触发站点重建

Dépôt GitHub

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

Compétences associées

content-collections

Méta

Cette compétence propose une configuration éprouvée en production pour Content Collections, un outil axé sur TypeScript qui transforme des fichiers Markdown/MDX en collections de données typées de manière sûre avec une validation Zod. Utilisez-la lors de la création de blogs, de sites de documentation ou d'applications Vite + React riches en contenu pour garantir la sécurité de typage et la validation automatique du contenu. Elle couvre tout, de la configuration du plugin Vite et de la compilation MDX à l'optimisation des déploiements et la validation des schémas.

Voir la compétence

polymarket

Méta

Cette compétence permet aux développeurs de créer des applications avec la plateforme de marchés prédictifs Polymarket, incluant l'intégration d'API pour le trading et les données de marché. Elle fournit également une diffusion de données en temps réel via WebSocket pour surveiller les transactions en direct et l'activité du marché. Utilisez-la pour mettre en œuvre des stratégies de trading ou pour créer des outils traitant les mises à jour de marché en direct.

Voir la compétence

creating-opencode-plugins

Méta

Cette compétence aide les développeurs à créer des plugins OpenCode qui s'interconnectent avec plus de 25 types d'événements tels que les commandes, les fichiers et les opérations LSP. Elle fournit la structure du plugin, les spécifications de l'API événementielle et les modèles d'implémentation pour les modules JavaScript/TypeScript. Utilisez-la lorsque vous avez besoin d'intercepter, de surveiller ou d'étendre le cycle de vie de l'assistant IA OpenCode avec une logique personnalisée pilotée par les événements.

Voir la compétence

sglang

Méta

SGLang est un framework de service LLM haute performance spécialisé dans la génération rapide et structurée pour les workflows JSON, regex et agentiques grâce à son cache de préfixe RadixAttention. Il offre une inférence nettement plus rapide, particulièrement pour les tâches avec des préfixes répétés, ce qui le rend idéal pour les sorties complexes et structurées ainsi que les conversations multi-tours. Choisissez SGLang plutôt que des alternatives comme vLLM lorsque vous avez besoin d'un décodage contraint ou que vous construisez des applications avec un partage étendu de préfixes.

Voir la compétence